Colour
#2C2C22
- #2C2C22
- Yellow
- Dark
- Nearest: Black
#2C2C22 is a yellow with RGB values 44, 44, 34 and HSL 60°, 13%, 15%. It is a dark colour, so white text on it reaches 14.1:1 contrast (AAA for normal text). The nearest named colour is Black.
Colour values
#2C2C22#2C2C22
HEX#2C2C22
RGBrgb(44, 44, 34)
RGB (0–1)0.1725, 0.1725, 0.1333
RGB percentages17.3%, 17.3%, 13.3%
HSLhsl(60, 12.8%, 15.3%)
HSV / HSBhsv(60, 22.7%, 17.3%)
CMYK0%, 0%, 22.7%, 82.7%≈naive device-independent conversion; real print needs an ICC profile
24-bit integer2,894,882
CSS custom property--colour: #2C2C22;
Brightness & contrast
Relative luminance0.02452WCAG 2.x, 0 is black and 1 is white
Perceived brightness43 of 255ITU-R BT.601 weighting
Light or darkDark
Best text colour on this backgroundWhitecontrast 14.09:1
Contrast with white14.09:1WCAG normal text: AAA
Contrast with black1.49:1WCAG normal text: Fail
Greyscale equivalent#2B2B2B
Inverted#D3D3DD
Colour vision & accessibility
Distinguishable without hueYesnever rely on hue alone to carry meaning
Contrast with white, large text14.09:1WCAG large text: AAA
Contrast with black, large text1.49:1WCAG large text: Fail
Named colours
Hue familyyellow
CSS keyword usableNo exact keyword
Colour harmonies
Complementary#22222C
Analogous#2C2722, #272C22
Triadic#222C2C, #2C222C
Split complementary#22272C, #27222C
Tetradic#222C27, #22222C, #2C2227
Tints, shades & saturation
Channel breakdown
R44
G44
B34
Red44 (17.3%)
Green44 (17.3%)
Blue34 (13.3%)
Hue60°
Saturation (HSL)12.82%
Lightness15.29%
Dominant channelRed and Green
Hex per channelR 2C · G 2C · B 22
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