Recognised as Colour
#D3CC22
- #D3CC22
- Yellow
- Light
- Nearest: Gold
#D3CC22 is a yellow with RGB values 211, 204, 34 and HSL 58°, 72%, 48%. It is a light colour, so black text on it reaches 12.4:1 contrast (AAA for normal text). The nearest named colour is Gold.
Colour values
#D3CC22#D3CC22
HEX#D3CC22
RGBrgb(211, 204, 34)
RGB (0–1)0.8275, 0.8, 0.1333
RGB percentages82.7%, 80%, 13.3%
HSLhsl(57.6, 72.2%, 48%)
HSV / HSBhsv(57.6, 83.9%, 82.7%)
CMYK0%, 3.3%, 83.9%, 17.3%≈naive device-independent conversion; real print needs an ICC profile
24-bit integer13,880,354
CSS custom property--colour: #D3CC22;
Brightness & contrast
Relative luminance0.5715WCAG 2.x, 0 is black and 1 is white
Perceived brightness194.6 of 255ITU-R BT.601 weighting
Light or darkLight
Best text colour on this backgroundBlackcontrast 12.43:1
Contrast with white1.69:1WCAG normal text: Fail
Contrast with black12.43:1WCAG normal text: AAA
Greyscale equivalent#C1C1C1
Inverted#2C33DD
Colour vision & accessibility
Distinguishable without hueYesnever rely on hue alone to carry meaning
Contrast with white, large text1.69:1WCAG large text: Fail
Contrast with black, large text12.43:1WCAG large text: AAA
Named colours
Hue familyyellow
CSS keyword usableNo exact keyword
Colour harmonies
Complementary#2229D3
Analogous#D37422, #81D322
Triadic#22D3CC, #CC22D3
Split complementary#2281D3, #7422D3
Tetradic#22D374, #2229D3, #D32281
Tints, shades & saturation
Channel breakdown
R211
G204
B34
Red211 (82.7%)
Green204 (80%)
Blue34 (13.3%)
Hue57.63°
Saturation (HSL)72.24%
Lightness48.04%
Dominant channelRed
Hex per channelR D3 · G CC · 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