Colour
#CCB258
- #CCB258
- Yellow
- Dark
- Nearest: Dark khaki
#CCB258 is a yellow with RGB values 204, 178, 88 and HSL 47°, 53%, 57%. It is a dark colour, so black text on it reaches 10.1:1 contrast (AAA for normal text). The nearest named colour is Dark khaki.
Colour values
#CCB258#CCB258
HEX#CCB258
RGBrgb(204, 178, 88)
RGB (0–1)0.8, 0.698, 0.3451
RGB percentages80%, 69.8%, 34.5%
HSLhsl(46.6, 53.2%, 57.3%)
HSV / HSBhsv(46.6, 56.9%, 80%)
CMYK0%, 12.7%, 56.9%, 20%≈naive device-independent conversion; real print needs an ICC profile
24-bit integer13,415,000
CSS custom property--colour: #CCB258;
Brightness & contrast
Relative luminance0.45383WCAG 2.x, 0 is black and 1 is white
Perceived brightness178.7 of 255ITU-R BT.601 weighting
Light or darkDark
Best text colour on this backgroundBlackcontrast 10.08:1
Contrast with white2.08:1WCAG normal text: Fail
Contrast with black10.08:1WCAG normal text: AAA
Greyscale equivalent#B1B1B1
Inverted#334DA7
Colour vision & accessibility
Distinguishable without hueYesnever rely on hue alone to carry meaning
Contrast with white, large text2.08:1WCAG large text: Fail
Contrast with black, large text10.08:1WCAG large text: AAA
Named colours
Hue familyyellow
CSS keyword usableNo exact keyword
Colour harmonies
Complementary#5872CC
Analogous#CC7858, #ACCC58
Triadic#58CCB2, #B258CC
Split complementary#58ACCC, #7858CC
Tetradic#58CC78, #5872CC, #CC58AC
Tints, shades & saturation
Channel breakdown
R204
G178
B88
Red204 (80%)
Green178 (69.8%)
Blue88 (34.5%)
Hue46.55°
Saturation (HSL)53.21%
Lightness57.25%
Dominant channelRed
Hex per channelR CC · G B2 · B 58
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