#CF98A4

#CF98A4

Color Values

HEX

#CF98A4

RGB

207, 152, 164

HSL

346.9, 36.4%, 70.4%

HSV

346.9, 26.6%, 81.2%

CMYK

0.0%, 26.6%, 20.8%, 18.8%

OKLCH

0.7354 0.0676 4.4

Properties

Warm Light Nearest: pink 3

Color Harmonies

Complementary

#CF98A4

#98CFC3

Analogous

#CF98C0

#CFA898

#CF98A4

Triadic

#CF98A4

#A4CF98

#98A4CF

Split Complementary

#CF98A4

#98CFA8

#98C0CF

Tetradic

#CF98A4

#C0CF98

#98CFC3

#A898CF

Color Blindness Simulation

Original

#CF98A4

Protanopia

#B7B7A1

Deuteranopia

#BABEA0

Tritanopia

#CC9F9E

Achromatopsia

#A5A5A5

CSS Usage

background-color: #CF98A4;
color: #CF98A4;
border-color: #CF98A4;
Nearest Tailwind: Rose 300 #FDA4AF

Tailwind Shades

50
#FAF5F6
100
#F3E8EA
200
#E8CED4
300
#D8ACB5
400
#C37E8D
500
#AE5165
600
#8B4151
700
#6F3441
800
#572933
900
#402128
950
#291519

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