#CFCCB0

#CFCCB0

Color Values

HEX

#CFCCB0

RGB

207, 204, 176

HSL

54,2, 24,4%, 75,1%

HSV

54,2, 15,0%, 81,2%

CMYK

0,0%, 1,4%, 15,0%, 18,8%

OKLCH

0,8402 0,0379 102,1

Properties

Warm Light Nearest: lightyellow 3

Color Harmonies

Complementary

#CFCCB0

#B0B3CF

Analogous

#CFBDB0

#C3CFB0

#CFCCB0

Triadic

#CFCCB0

#B0CFCC

#CCB0CF

Split Complementary

#CFCCB0

#B0C3CF

#BDB0CF

Tetradic

#CFCCB0

#B0CFBD

#B0B3CF

#CFB0C3

Color Blindness Simulation

Original

#CFCCB0

Protanopia

#CECEB7

Deuteranopia

#CECEB8

Tritanopia

#CFBCBD

Achromatopsia

#CBCBCB

CSS Usage

background-color: #CFCCB0;
color: #CFCCB0;
border-color: #CFCCB0;
Nearest Tailwind: Stone 300 #D6D3D1

Tailwind Shades

50
#F9F9F6
100
#F1F0E9
200
#E4E2D3
300
#D1CEB3
400
#B8B38A
500
#9F9960
600
#7F7A4D
700
#66623E
800
#4F4C30
900
#3B3926
950
#252418

Contrast Checker

Text on white

1,63:1

AA Fail AAA Fail

Text on black

12,92: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