Onyx color: hex codes, shades and palettes

Palettes built around onyx. Click any swatch to copy its hex code.

A near-black with the faintest cool cast. Useful as a background where pure black is too harsh but charcoal is too light.

#1E1513

#3B1E0D

#542B03

#5C4226

#4A9A6C

#00503E

#B47CA4

#C966A2

#2C1223

#34262C

#4C3038

#5F4041

#404C63

#2B3B69

#283042

#1D232E

#BDB8B3

#8B8784

#605954

#33302D

#536761

#3A4844

#242B2A

#0E1211

#002115

#162E27

#243E39

#11534C

#151613

#4F544D

#43433F

#5A575B

#AF9B7F

#857853

#5A5737

#323725

#0B0E0E

#202828

#394445

#5D6061

#00333E

#384B5C

#1A223A

#231F3B

#141921

#1D2843

#343B4D

#494C62

#4D5100

#4387B0

#A96388

#5F7428

#5F6362

#3A423F

#1D2221

#050606

#B9BDBE

#85898A

#4F595E

#2A2C2C

#1A202F

#23232D

#160D25

#25122A

#3F3900

#5E7000

#7FA860

#C0D8BA

#33445D

#383A80

#12091F

#432342

#184256

#0C3043

#0E2029

#041118

#2D3530

#484D4A

#3F433F

#E0DADD

#857A00

#474D03

#6C6000

#4156AA

#596B71

#484C4E

#2F3031

#14181A

#444531

#1C1F06

#52450F

#474973

#3A1B0D

#3F3129

#603C18

#685236

Onyx hex, RGB, HSL and OKLCH

#1F2124

HEX: #1F2124
RGB: rgb(31, 33, 36)
HSL: hsl(216, 7%, 13%)
OKLCH: oklch(24.7% 0.006 258.4)
On white: 16.14:1
On black: 1.30:1

Shades of onyx

Eleven steps from one base color, generated in OKLCH so each step is an equal perceived step rather than an equal numeric one. Click a swatch to copy it.

Contrast and readability

Onyx on white measures 16.14:1 and on black 1.30:1. WCAG AA asks for 4.5:1 on normal text and 3:1 on large text and UI components, so the higher of those two decides which background it belongs on. In the scale above, 500 is the first to clear 4.5:1 on white, at 5.27:1.

The contrast checker reports every level for a given pair and suggests the nearest passing shade on the same hue. The color picker builds this same scale from any color you paste in.

Related colors:black. See every shade on the colors index.

Onyx color: hex codes, shades and palettes

No onyx palettes yet

Onyx hex, RGB, HSL and OKLCH

Shades of onyx

Contrast and readability