#CFB4B2

#CFB4B2

Color Values

HEX

#CFB4B2

RGB

207, 180, 178

HSL

4,1, 23,2%, 75,5%

HSV

4,1, 14,0%, 81,2%

CMYK

0,0%, 13,0%, 14,0%, 18,8%

OKLCH

0,7926 0,0314 22,9

Properties

Warm Light Nearest: mistyrose 3

Color Harmonies

Complementary

#CFB4B2

#B2CDCF

Analogous

#CFB2BF

#CFC3B2

#CFB4B2

Triadic

#CFB4B2

#B2CFB4

#B4B2CF

Split Complementary

#CFB4B2

#B2CFC3

#B2BFCF

Tetradic

#CFB4B2

#BFCFB2

#B2CDCF

#C3B2CF

Color Blindness Simulation

Original

#CFB4B2

Protanopia

#C3C3B2

Deuteranopia

#C5C7B3

Tritanopia

#CEB3B3

Achromatopsia

#BABABA

CSS Usage

background-color: #CFB4B2;
color: #CFB4B2;
border-color: #CFB4B2;
Nearest Tailwind: Stone 400 #A8A29E

Tailwind Shades

50
#F9F6F6
100
#F1EAEA
200
#E4D4D3
300
#D0B6B4
400
#B78E8B
500
#9D6662
600
#7E524E
700
#65413F
800
#4F3331
900
#3B2826
950
#251918

Contrast Checker

Text on white

1,94:1

AA Fail AAA Fail

Text on black

10,82:1

AA Pass AAA Pass

Related Articles

Tutorials

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

Jan 26, 2026
Tutorials

Building a Color Picker Web Component from Scratch

Jan 21, 2026
Tutorials

Perceptual Color Spaces: Lab, LCH, Oklab, OKLCH

Jan 15, 2026