Skip to content

Onyx Color Code: HEX Code & RGB Code Values ​

Looking for specific onyx color code? Get exact onyx hex code #0F0F0F and onyx RGB code rgb(15,15,15). Complete color information for design and development projects featuring this deep, luxurious black with subtle blue undertones.

Visual example of onyx color with its deep, luxurious black appearance
HEX#0F0F0F
RGBrgb(15,15,15)

Shades of Onyx ​

Create custom shades of onyx with our color generator. Adjust hues, tints, and tones to find the perfect shade of onyx for your project.

🎨

Shades (Adding Black)

  • 0F0F0F
    rgb(15, 15, 15)
  • 0D0D0D
    rgb(13, 13, 13)
  • 0A0A0A
    rgb(10, 10, 10)
  • 080808
    rgb(8, 8, 8)
  • 050505
    rgb(5, 5, 5)
  • 030303
    rgb(3, 3, 3)
  • 000000
    rgb(0, 0, 0)

Tints (Adding White)

  • 0F0F0F
    rgb(15, 15, 15)
  • 313131
    rgb(49, 49, 49)
  • 555555
    rgb(85, 85, 85)
  • 7C7C7C
    rgb(124, 124, 124)
  • A6A6A6
    rgb(166, 166, 166)
  • D2D2D2
    rgb(210, 210, 210)
  • FFFFFF
    rgb(255, 255, 255)

Tones (Adding Gray)

  • 0F0F0F
    rgb(15, 15, 15)
  • 0F0F0F
    rgb(15, 15, 15)
  • 0F0F0F
    rgb(15, 15, 15)
  • 0F0F0F
    rgb(15, 15, 15)
  • 0F0F0F
    rgb(15, 15, 15)
  • 0F0F0F
    rgb(15, 15, 15)
  • 808080
    rgb(128, 128, 128)

Onyx Palette ​

Explore curated and automatically generated color palettes featuring onyx. See how it harmonizes with other colors for UI themes, graphics, and branding materials.

🎨

Sequential

Single hue gradient for data visualization

7 colors
Lightest
#7B7375
Light
#554F51
Medium Light
#312E2F
Medium
#0F0F0F
Medium Dark
#0E0E0E
Dark
#0E0E0E
Darkest
#0D0D0D

Diverging

Dual hue gradient with a neutral midpoint

9 colors
Base End
#0F0F0F
Left Dark
#414141
Left Medium
#787878
Left Light
#B4B4B4
Neutral
#F5F5F5
Right Light
#B4B4B4
Right Medium
#787878
Right Dark
#414141
Complementary End
#0F0F0F

Monochromatic

Same hue, different brightness/saturation

5 colors
Lightest
#FFFFFF
Light
#7C7C7C
Medium
#0F0F0F
Dark
#080808
Darkest
#000000

Analogous

Colors adjacent on the color wheel (30° apart)

5 colors
Left Adjacent 2
#0F0F0F
Left Adjacent 1
#0F0F0F
Main
#0F0F0F
Right Adjacent 1
#0F0F0F
Right Adjacent 2
#0F0F0F

Complementary

Colors opposite on the color wheel (180° apart)

2 colors
Main
#0F0F0F
Complementary
#0F0F0F

Triadic

Evenly spaced around the color wheel (120° apart)

3 colors
Main
#0F0F0F
Secondary
#0F0F0F
Tertiary
#0F0F0F

Square

Four colors evenly spaced (90° apart)

4 colors
Main
#0F0F0F
Right 90°
#0F0F0F
Complementary
#0F0F0F
Left 90°
#0F0F0F

Tetradic

Two pairs of complementary colors

4 colors
Main
#0F0F0F
Secondary
#0F0F0F
Complementary
#0F0F0F
Complementary Secondary
#0F0F0F

Split Complementary

Complementary colors ±30°

3 colors
Main
#0F0F0F
Split Left
#0F0F0F
Split Right
#0F0F0F

Cyclic

Circular gradient for periodic data

8 colors
0°
#0F0F0F
45°
#0F0F0F
90°
#0F0F0F
135°
#0F0F0F
180°
#0F0F0F
225°
#0F0F0F
270°
#0F0F0F
315°
#0F0F0F

Pastel

Soft, desaturated colors for modern UI

6 colors
Light Pastel
#ABABAB
Pastel 1
#B6B6B6
Pastel 2
#C1C1C1
Pastel 3
#CDCDCD
Pastel 4
#D8D8D8
Deep Pastel
#E3E3E3

Common Black Color Codes (HEX & RGB) ​

Black →
HEX:#000000
RGB:rgb(0, 0, 0)
Jet Black →
HEX:#0A0A0A
RGB:rgb(10,10,10)
Matte Black →
HEX:#1A1A1A
RGB:rgb(26,26,26)
Light Black →
HEX:#333333
RGB:rgb(51,51,51)

Extract Onyx Hex & RGB Codes from Image ​

Upload a photo to find the exact onyx HEX and RGB codes.

click or drag your image here
Supported formats: JPG, PNG, WebP

Onyx Color Code Converter ​

Instantly convert between HEX, RGB, CMYK, and more for onyx shades.

🎨

All Formats:

  • HEX:
    #0F0F0F
  • RGB:
    rgb(15, 15, 15)
  • CMYK:
    cmyk(0%, 0%, 0%, 94%)
  • HSV:
    hsv(0°, 0%, 6%)
  • HSL:
    hsl(0°, 0%, 6%)

What is Onyx? ​

Onyx is a deep, near-black color named after the onyx gemstone. Onyx is a variety of chalcedony known for its deep black color and banded patterns. The color onyx captures the intense, velvety darkness of this precious stone.

Onyx is a sophisticated, dramatic color that evokes feelings of mystery and elegance. It's often associated with luxury, power, and timeless beauty. The color has a deep, rich quality that works well in both bold and minimalist designs.

The hex code for onyx is #0F0F0F, with RGB values of rgb(15, 15, 15). This combination creates an almost-black with subtle blue undertones.

Onyx vs Similar Colors ​

Onyx sits among other dark shades:

ColorHEX CodeKey Difference
Onyx#0F0F0FDeep black
Black#000000Pure black
Charcoal#36454FLighter, greyer
Graphite#2F353BSlightly lighter

Onyx is deeper than graphite and has more depth than pure black. Its richness makes it unique.

Using Onyx in Design ​

Onyx's depth makes it versatile:

Web and UI Design: Onyx works well for luxury brands, fashion websites, and dramatic themes. It creates bold, memorable interfaces. Pair with white or gold for contrast.

Graphic Design: Onyx is ideal for high-end branding, event invitations, and digital art. It pairs beautifully with gold, white, and emerald green.

Fashion and Interiors: A dramatic color for statement pieces and elegant home decor. In interiors, onyx adds drama as accent walls or decor.

Color Psychology and Meaning ​

Onyx carries dramatic associations:

  • Mystery and intrigue: Evokes feelings of depth and complexity
  • Power and strength: Associated with authority and confidence
  • Luxury and elegance: Often used in premium designs
  • Sophistication and refinement: Creates a polished atmosphere

Frequently Asked Questions ​

What is the onyx hex code? ​

The onyx hex code is #0F0F0F. This deep black is widely used in design.

What colors go well with onyx? ​

Onyx pairs beautifully with gold, white, emerald green, and silver.

Is onyx the same as black? ​

No. Onyx (#0F0F0F) has subtle blue undertones that distinguish it from pure black (#000000).

What are the RGB values for onyx? ​

The onyx RGB code is rgb(15, 15, 15).

Why is onyx associated with luxury? ​

Onyx gemstones have been prized for centuries for their beauty, making the color naturally associated with luxury.