Colour
#CCBC5B
- #CCBC5B
- Yellow
- Dark
- Nearest: Dark khaki
#CCBC5B is a yellow with RGB values 204, 188, 91 and HSL 52°, 53%, 58%. It is a dark colour, so black text on it reaches 10.9:1 contrast (AAA for normal text). The nearest named colour is Dark khaki.
Colour values
#CCBC5B#CCBC5B
HEX#CCBC5B
RGBrgb(204, 188, 91)
RGB (0–1)0.8, 0.7373, 0.3569
RGB percentages80%, 73.7%, 35.7%
HSLhsl(51.5, 52.6%, 57.8%)
HSV / HSBhsv(51.5, 55.4%, 80%)
CMYK0%, 7.8%, 55.4%, 20%≈naive device-independent conversion; real print needs an ICC profile
24-bit integer13,417,563
CSS custom property--colour: #CCBC5B;
Brightness & contrast
Relative luminance0.49559WCAG 2.x, 0 is black and 1 is white
Perceived brightness184.8 of 255ITU-R BT.601 weighting
Light or darkDark
Best text colour on this backgroundBlackcontrast 10.91:1
Contrast with white1.92:1WCAG normal text: Fail
Contrast with black10.91:1WCAG normal text: AAA
Greyscale equivalent#B8B8B8
Inverted#3343A4
Colour vision & accessibility
Distinguishable without hueYesnever rely on hue alone to carry meaning
Contrast with white, large text1.92:1WCAG large text: Fail
Contrast with black, large text10.91:1WCAG large text: AAA
Named colours
Hue familyyellow
CSS keyword usableNo exact keyword
Colour harmonies
Complementary#5B6BCC
Analogous#CC845B, #A4CC5B
Triadic#5BCCBC, #BC5BCC
Split complementary#5BA3CC, #845BCC
Tetradic#5BCC84, #5B6BCC, #CC5BA4
Tints, shades & saturation
Channel breakdown
R204
G188
B91
Red204 (80%)
Green188 (73.7%)
Blue91 (35.7%)
Hue51.5°
Saturation (HSL)52.56%
Lightness57.84%
Dominant channelRed
Hex per channelR CC · G BC · B 5B
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