Colour
#22211C
- #22211C
- Yellow
- Dark
- Nearest: Black
#22211C is a yellow with RGB values 34, 33, 28 and HSL 50°, 10%, 12%. It is a dark colour, so white text on it reaches 16.1:1 contrast (AAA for normal text). The nearest named colour is Black.
Colour values
#22211C#22211C
HEX#22211C
RGBrgb(34, 33, 28)
RGB (0–1)0.1333, 0.1294, 0.1098
RGB percentages13.3%, 12.9%, 11%
HSLhsl(50, 9.7%, 12.2%)
HSV / HSBhsv(50, 17.6%, 13.3%)
CMYK0%, 2.9%, 17.6%, 86.7%≈naive device-independent conversion; real print needs an ICC profile
24-bit integer2,236,700
CSS custom property--colour: #22211C;
Brightness & contrast
Relative luminance0.01512WCAG 2.x, 0 is black and 1 is white
Perceived brightness32.8 of 255ITU-R BT.601 weighting
Light or darkDark
Best text colour on this backgroundWhitecontrast 16.12:1
Contrast with white16.12:1WCAG normal text: AAA
Contrast with black1.3:1WCAG normal text: Fail
Greyscale equivalent#212121
Inverted#DDDEE3
Colour vision & accessibility
Distinguishable without hueYesnever rely on hue alone to carry meaning
Contrast with white, large text16.12:1WCAG large text: AAA
Contrast with black, large text1.3:1WCAG large text: Fail
Named colours
Hue familyyellow
CSS keyword usableNo exact keyword
Colour harmonies
Complementary#1C1D22
Analogous#221E1C, #20221C
Triadic#1C2221, #211C22
Split complementary#1C2022, #1E1C22
Tetradic#1C221E, #1C1D22, #221C20
Tints, shades & saturation
Channel breakdown
R34
G33
B28
Red34 (13.3%)
Green33 (12.9%)
Blue28 (11%)
Hue50°
Saturation (HSL)9.68%
Lightness12.16%
Dominant channelRed
Hex per channelR 22 · G 21 · B 1C
Keep nerding
Every link below is a page Nerdulator can generate from what it already knows about this value.
Nerdulate something else
Nothing in mind? Surprise me · today’s page