#CCD89B

#CCD89B

Color Values

HEX

#CCD89B

RGB

204, 216, 155

HSL

71,8, 43,9%, 72,7%

HSV

71,8, 28,2%, 84,7%

CMYK

5,6%, 0,0%, 28,2%, 15,3%

OKLCH

0,8582 0,0813 117,2

Properties

Cool Light Nearest: palegoldenrod

Color Harmonies

Complementary

#CCD89B

#A79BD8

Analogous

#D8C59B

#ADD89B

#CCD89B

Triadic

#CCD89B

#9BCCD8

#D89BCC

Split Complementary

#CCD89B

#9BADD8

#C59BD8

Tetradic

#CCD89B

#9BD8C5

#A79BD8

#D89BAD

Color Blindness Simulation

Original

#CCD89B

Protanopia

#D1D1AA

Deuteranopia

#D0D0AD

Tritanopia

#CDB5B8

Achromatopsia

#D1D1D1

CSS Usage

background-color: #CCD89B;
color: #CCD89B;
border-color: #CCD89B;
Nearest Tailwind: Lime 100 #ECFCCB

Tailwind Shades

50
#F9FAF4
100
#F1F4E6
200
#E5EBCC
300
#D2DDA7
400
#BACA77
500
#A1B748
600
#819339
700
#67752E
800
#515C24
900
#3C441D
950
#262B13

Contrast Checker

Text on white

1,51:1

AA Fail AAA Fail

Text on black

13,86:1

AA Pass AAA Pass

Related Articles

Tutorials

CSS color-mix(): Blend Colors Natively in the Browser

Jan 26, 2026
Tutorials

Building a Color Picker Web Component from Scratch

Jan 21, 2026
Tutorials

Perceptual Color Spaces: Lab, LCH, Oklab, OKLCH

Jan 15, 2026