#CF9895

#CF9895

Color Values

HEX

#CF9895

RGB

207, 152, 149

HSL

3,1, 37,7%, 69,8%

HSV

3,1, 28,0%, 81,2%

CMYK

0,0%, 26,6%, 28,0%, 18,8%

OKLCH

0,7313 0,0666 22,4

Properties

Warm Light Nearest: rosybrown 3

Color Harmonies

Complementary

#CF9895

#95CCCF

Analogous

#CF95AF

#CFB595

#CF9895

Triadic

#CF9895

#95CF98

#9895CF

Split Complementary

#CF9895

#95CFB5

#95AFCF

Tetradic

#CF9895

#AFCF95

#95CCCF

#B595CF

Color Blindness Simulation

Original

#CF9895

Protanopia

#B7B796

Deuteranopia

#BABE96

Tritanopia

#CC9696

Achromatopsia

#A3A3A3

CSS Usage

background-color: #CF9895;
color: #CF9895;
border-color: #CF9895;
Nearest Tailwind: Red 300 #FCA5A5

Tailwind Shades

50
#FAF5F5
100
#F3E8E7
200
#E9CFCE
300
#D9ADAB
400
#C4817D
500
#B0544F
600
#8C4440
700
#703633
800
#582A28
900
#412220
950
#291514

Contrast Checker

Text on white

2,45:1

AA Fail AAA Fail

Text on black

8,58: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