#CFDCB1

#CFDCB1

Color Values

HEX

#CFDCB1

RGB

207, 220, 177

HSL

78,1, 38,1%, 77,8%

HSV

78,1, 19,5%, 86,3%

CMYK

5,9%, 0,0%, 19,5%, 13,7%

OKLCH

0,8735 0,059 121,3

Properties

Cool Light Nearest: Spring Green

Color Harmonies

Complementary

#CFDCB1

#BEB1DC

Analogous

#DCD3B1

#B9DCB1

#CFDCB1

Triadic

#CFDCB1

#B1CFDC

#DCB1CF

Split Complementary

#CFDCB1

#B1B9DC

#D3B1DC

Tetradic

#CFDCB1

#B1DCD3

#BEB1DC

#DCB1B9

Color Blindness Simulation

Original

#CFDCB1

Protanopia

#D5D5BB

Deuteranopia

#D4D3BE

Tritanopia

#D0C4C5

Achromatopsia

#D6D6D6

CSS Usage

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

Tailwind Shades

50
#F8FAF5
100
#EFF3E7
200
#E1E9CE
300
#CBD9AA
400
#AFC57D
500
#93B04F
600
#758D3F
700
#5E7133
800
#495827
900
#374120
950
#232914

Contrast Checker

Text on white

1,45:1

AA Fail AAA Fail

Text on black

14,53:1

AA Pass AAA Pass

Related Articles

Tutorials

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

Oca 26, 2026
Tutorials

Building a Color Picker Web Component from Scratch

Oca 21, 2026
Tutorials

Perceptual Color Spaces: Lab, LCH, Oklab, OKLCH

Oca 15, 2026