#CCD9BC

#CCD9BC

Color Values

HEX

#CCD9BC

RGB

204, 217, 188

HSL

86.9, 27.6%, 79.4%

HSV

86.9, 13.4%, 85.1%

CMYK

6.0%, 0.0%, 13.4%, 14.9%

OKLCH

0.8676 0.0415 127.0

Properties

Cool Light Nearest: lightyellow 3

Color Harmonies

Complementary

#CCD9BC

#C9BCD9

Analogous

#D9D7BC

#BDD9BC

#CCD9BC

Triadic

#CCD9BC

#BCCCD9

#D9BCCC

Split Complementary

#CCD9BC

#BCBDD9

#D7BCD9

Tetradic

#CCD9BC

#BCD9D7

#C9BCD9

#D9BCBD

Color Blindness Simulation

Original

#CCD9BC

Protanopia

#D2D2C3

Deuteranopia

#D1D0C5

Tritanopia

#CDC9CA

Achromatopsia

#D4D4D4

CSS Usage

background-color: #CCD9BC;
color: #CCD9BC;
border-color: #CCD9BC;
Nearest Tailwind: Green 100 #DCFCE7

Tailwind Shades

50
#F8F9F6
100
#EEF1E9
200
#DCE5D1
300
#C4D3B1
400
#A3BB87
500
#83A35C
600
#69824A
700
#54683B
800
#42512E
900
#323C24
950
#1F2617

Contrast Checker

Text on white

1.48:1

AA Fail AAA Fail

Text on black

14.22:1

AA Pass AAA Pass

Related Articles

Tutorials

Building a Color Picker Web Component from Scratch

Feb 20, 2026
Tutorials

Web Color Performance: Gradients, Shadows, and Filters

Feb 19, 2026
Tutorials

Tailwind CSS Colors: Complete Shade System Guide

Feb 19, 2026