HEX Color #CCDB7C (Khaki)

About #CCDB7C

The precise color #CCDB7C is an excellent choice for modern design projects. If you're using CSS, you might find it aligns closely with Khaki. To achieve this exact tint on a monitor, you would use an RGB mix of 204, 219, and 124.

While screens use RGB, printing presses rely on Cyan, Magenta, Yellow, and Key (black). This specific hue requires a mix of 7% C, 0% M, 43% Y, and 14% K. This makes it a relatively light color when applied to physical surfaces.

Ensuring your text is legible against this background is a key part of web design. The calculated luminance score dictates that #000000 typography is the safest choice. Be sure to check our contrast matrix below to see exactly how it performs against common backgrounds.

Color Space Conversions

HEX#CCDB7C

RGB204, 219, 124

HSL69.5°, 56.9%, 67.3%

CMYK7%, 0%, 43%, 14%

HSV69.5°, 43.4%, 85.9%

LAB84.5, -19.2, 44.9

XYZ53.9, 65.0, 28.8

Decimal13425532

Color Harmonies

Complementary

#CCDB7C #8A7BDB

Analogous

#DBBA7B #9CDB7B

Triadic

#7BCCDB #DB7BCB

Tetradic

#7BDBBA #8A7BDB #DB7B9C

Tints, Shades & Tones

Tints (Adding White)

#CCDB7C

#D1DF8A

#D7E399

#DDE7A7

#E2EBB6

#E8EFC4

#EEF3D3

#F3F7E1

#F9FBF0

#FFFFFF

Shades (Adding Black)

#CCDB7C

#B5C26E

#9EAA60

#889252

#717944

#5A6137

#444929

#2D301B

#16180D

#000000

WCAG Contrast Accessibility

1.50:1

Text on #FFFFFF

FAIL

13.99:1

Text on #000000

AAA

1.43:1

Text on #F8FAFC

FAIL

11.89:1

Text on #0F172A

AAA

CSS Implementation

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

.text-color { color: #CCDB7C; }

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

Similar Colors

Khaki

#F0E68C