#CFD7B1

#CFD7B1

Color Values

HEX

#CFD7B1

RGB

207, 215, 177

HSL

72.6, 32.2%, 76.9%

HSV

72.6, 17.7%, 84.3%

CMYK

3.7%, 0.0%, 17.7%, 15.7%

OKLCH

0.8631 0.0516 117.1

Properties

Cool Light Nearest: lightyellow 3

Color Harmonies

Complementary

#CFD7B1

#B9B1D7

Analogous

#D7CCB1

#BCD7B1

#CFD7B1

Triadic

#CFD7B1

#B1CFD7

#D7B1CF

Split Complementary

#CFD7B1

#B1BCD7

#CCB1D7

Tetradic

#CFD7B1

#B1D7CC

#B9B1D7

#D7B1BC

Color Blindness Simulation

Original

#CFD7B1

Protanopia

#D2D3BA

Deuteranopia

#D2D1BC

Tritanopia

#CFC1C3

Achromatopsia

#D3D3D3

CSS Usage

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

Tailwind Shades

50
#F9F9F5
100
#F0F2E8
200
#E2E7D0
300
#CDD6AE
400
#B2BF82
500
#97A956
600
#798745
700
#616C37
800
#4C542B
900
#393E22
950
#242716

Contrast Checker

Text on white

1.5:1

AA Fail AAA Fail

Text on black

14.01: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