#CF999A

#CF999A

Color Values

HEX

#CF999A

RGB

207, 153, 154

HSL

358.9, 36.0%, 70.6%

HSV

358.9, 26.1%, 81.2%

CMYK

0.0%, 26.1%, 25.6%, 18.8%

OKLCH

0.7345 0.065 17.5

Properties

Warm Light Nearest: rosybrown 3

Color Harmonies

Complementary

#CF999A

#99CFCE

Analogous

#CF99B5

#CFB399

#CF999A

Triadic

#CF999A

#9ACF99

#999ACF

Split Complementary

#CF999A

#99CFB3

#99B5CF

Tetradic

#CF999A

#B5CF99

#99CFCE

#B399CF

Color Blindness Simulation

Original

#CF999A

Protanopia

#B8B79A

Deuteranopia

#BBBF9A

Tritanopia

#CC9A9A

Achromatopsia

#A5A5A5

CSS Usage

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

Tailwind Shades

50
#FAF5F5
100
#F3E8E8
200
#E8CECF
300
#D8ACAD
400
#C37F80
500
#AD5253
600
#8B4143
700
#6F3435
800
#57292A
900
#402121
950
#291515

Contrast Checker

Text on white

2.42:1

AA Fail AAA Fail

Text on black

8.68:1

AA Pass AAA Pass

Related Articles

Tutorials

Responsive Color: Adapting Colors for Different Screens

Jan 23, 2026
Tutorials

Color for Data Storytelling: Beyond Default Chart Colors

Jan 21, 2026
Tutorials

How to Choose Brand Colors: A Step-by-Step Guide

Jan 18, 2026