Colour

#21230E

#21230E
Yellow
Dark
Nearest: Black

#21230E is a yellow with RGB values 33, 35, 14 and HSL 66°, 43%, 10%. It is a dark colour, so white text on it reaches 16:1 contrast (AAA for normal text). The nearest named colour is Black.

Colour values

#21230E#21230E

HEX#21230E

RGBrgb(33, 35, 14)

RGB (0–1)0.1294, 0.1373, 0.0549

RGB percentages12.9%, 13.7%, 5.5%

HSLhsl(65.7, 42.9%, 9.6%)

HSV / HSBhsv(65.7, 60%, 13.7%)

CMYK5.7%, 0%, 60%, 86.3%≈naive device-independent conversion; real print needs an ICC profile

24-bit integer2,171,662

CSS custom property--colour: #21230E;

Brightness & contrast

Relative luminance0.01557WCAG 2.x, 0 is black and 1 is white

Perceived brightness32.7 of 255ITU-R BT.601 weighting

Light or darkDark

Best text colour on this backgroundWhitecontrast 16.01:1

Contrast with white16.01:1WCAG normal text: AAA

Contrast with black1.31:1WCAG normal text: Fail

Greyscale equivalent#212121

Inverted#DEDCF1

Colour vision & accessibility

Normal vision Protanopia Deuteranopia Tritanopia

Protanopia#26210Cno red cones; affects about 1% of men; ΔE 4 from the original

Deuteranopia#26220Fno green cones; the most common form, about 1% of men; ΔE 3.5 from the original

Tritanopia#23211Eno blue cones; rare, and affects men and women equally; ΔE 12 from the original

Distinguishable without hueYesnever rely on hue alone to carry meaning

Contrast with white, large text16.01:1WCAG large text: AAA

Contrast with black, large text1.31:1WCAG large text: Fail

Named colours

Black · ΔE 19.1 Dark slate grey · ΔE 25.7 Dim grey · ΔE 34.4 Dark olivegreen · ΔE 36.8 Gray · ΔE 43 Slate grey · ΔE 46.5

Nearest named CSS colourBlack (#000000)ΔE 19.11, a distinctly different colour

Hue familyyellow

CSS keyword usableNo exact keyword

Colour harmonies

base +30°+90°+120°+180°+210°+240°+270°+330°

Complementary#100E23

Analogous#231B0E, #17230E

Triadic#0E2123, #230E21

Split complementary#0E1623, #1B0E23

Tetradic#0E231B, #100E23, #230E16

Tints, shades & saturation

+40%+30%+20%+10%base -10%-20%-30%-40%

Lighter +40%#AAB548

Lighter +30%#88903A

Lighter +20%#666C2B

Lighter +10%#43471D

Darker −10%#000000

Darker −20%#000000

Darker −30%#000000

Darker −40%#000000

More saturated +25%#262908

Less saturated −25%#1C1D14

Channel breakdown

R33

G35

B14

Red33 (12.9%)

Green35 (13.7%)

Blue14 (5.5%)

Hue65.71°

Saturation (HSL)42.86%

Lightness9.61%

Dominant channelGreen

Hex per channelR 21 · G 23 · B 0E

Keep nerding

Every link below is a page Nerdulator can generate from what it already knows about this value.

#21230E

Colour values

Brightness & contrast

Colour vision & accessibility

Named colours

Colour harmonies

Tints, shades & saturation

Channel breakdown

Keep nerding

Harmonies

Lighter and darker

Similar named colours

Nerdulate something else