HEX Color #CCDBA8 (Palegoldenrod)

About #CCDBA8

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

If you are designing for print, the four-color process is what matters most. To reproduce this shade on paper, a printer utilizes 7% cyan and 0% magenta inks. This makes it a relatively light color when applied to physical surfaces.

Contrast ratios determine whether this color is safe for typography. To prevent eye strain, #000000 text pairs best with this hex code. Strict adherence to these ratios protects visually impaired users from unreadable interfaces.

Color Space Conversions

HEX#CCDBA8

RGB204, 219, 168

HSL77.6°, 41.5%, 75.9%

CMYK7%, 0%, 23%, 14%

HSV77.6°, 23.3%, 85.9%

LAB85.2, -13.7, 23.5

XYZ57.3, 66.3, 46.8

Decimal13425576

Color Harmonies

Complementary

#CCDBA8 #B6A8DB

Analogous

#DBD0A8 #B2DBA8

Triadic

#A8CCDB #DBA8CB

Tetradic

#A8DBD0 #B6A8DB #DBA8B2

Tints, Shades & Tones

Tints (Adding White)

#CCDBA8

#D1DFB1

#D7E3BB

#DDE7C5

#E2EBCE

#E8EFD8

#EEF3E2

#F3F7EB

#F9FBF5

#FFFFFF

Shades (Adding Black)

#CCDBA8

#B5C295

#9EAA82

#889270

#71795D

#5A614A

#444938

#2D3025

#161812

#000000

WCAG Contrast Accessibility

1.47:1

Text on #FFFFFF

FAIL

14.27:1

Text on #000000

AAA

1.41:1

Text on #F8FAFC

FAIL

12.13:1

Text on #0F172A

AAA

CSS Implementation

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

.text-color { color: #CCDBA8; }

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

Similar Colors

Palegoldenrod

#EEE8AA