HEX Color #CCD392 (Palegoldenrod)

About #CCD392

At its core, #CCD392 is a light and moderate hue. Its closest recognized web color is Palegoldenrod. To achieve this exact tint on a monitor, you would use an RGB mix of 204, 211, and 146.

While screens use RGB, printing presses rely on Cyan, Magenta, Yellow, and Key (black). This specific hue requires a mix of 3% C, 0% M, 31% Y, and 17% K. With a hue angle of 66.5 degrees, it sits comfortably in the yellow spectrum.

Ensuring your text is legible against this background is a key part of web design. Mathematical luminance calculations suggest that #000000 text provides the most optimal reading experience. Strict adherence to these ratios protects visually impaired users from unreadable interfaces.

Color Space Conversions

HEX#CCD392

RGB204, 211, 146

HSL66.5°, 42.5%, 70.0%

CMYK3%, 0%, 31%, 17%

HSV66.5°, 30.8%, 82.7%

LAB82.6, -12.7, 31.5

XYZ53.4, 61.5, 36.3

Decimal13423506

Color Harmonies

Complementary

#CCD392 #9891D3

Analogous

#D3B991 #ABD391

Triadic

#91CCD3 #D391CC

Tetradic

#91D3B9 #9891D3 #D391AB

Tints, Shades & Tones

Tints (Adding White)

#CCD392

#D1D79E

#D7DCAA

#DDE1B6

#E2E6C2

#E8EBCE

#EEF0DA

#F3F5E6

#F9FAF2

#FFFFFF

Shades (Adding Black)

#CCD392

#B5BB81

#9EA471

#888C61

#717551

#5A5D40

#444630

#2D2E20

#161710

#000000

WCAG Contrast Accessibility

1.58:1

Text on #FFFFFF

FAIL

13.30:1

Text on #000000

AAA

1.51:1

Text on #F8FAFC

FAIL

11.31:1

Text on #0F172A

AAA

CSS Implementation

.bg-color { background-color: #CCD392; }

.text-color { color: #CCD392; }

.border-color { border: 2px solid #CCD392; }

Similar Colors

Palegoldenrod

#EEE8AA