#CFBCB2

#CFBCB2

Color Values

HEX

#CFBCB2

RGB

207, 188, 178

HSL

20.7, 23.2%, 75.5%

HSV

20.7, 14.0%, 81.2%

CMYK

0.0%, 9.2%, 14.0%, 18.8%

OKLCH

0.8084 0.0258 49.7

Properties

Warm Light Nearest: mistyrose 3

Color Harmonies

Complementary

#CFBCB2

#B2C5CF

Analogous

#CFB2B7

#CFCBB2

#CFBCB2

Triadic

#CFBCB2

#B2CFBC

#BCB2CF

Split Complementary

#CFBCB2

#B2CFCB

#B2B7CF

Tetradic

#CFBCB2

#B7CFB2

#B2C5CF

#CBB2CF

Color Blindness Simulation

Original

#CFBCB2

Protanopia

#C7C7B4

Deuteranopia

#C8C9B5

Tritanopia

#CEB6B7

Achromatopsia

#BFBFBF

CSS Usage

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

Tailwind Shades

50
#F9F7F6
100
#F1ECEA
200
#E4D9D3
300
#D0BDB4
400
#B79A8B
500
#9D7662
600
#7E5F4E
700
#654C3F
800
#4F3B31
900
#3B2D26
950
#251D18

Contrast Checker

Text on white

1.83:1

AA Fail AAA Fail

Text on black

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