#CF9196

#CF9196

Color Values

HEX

#CF9196

RGB

207, 145, 150

HSL

355.2, 39.2%, 69.0%

HSV

355.2, 30.0%, 81.2%

CMYK

0.0%, 30.0%, 27.5%, 18.8%

OKLCH

0.7188 0.0755 13.8

Properties

Warm Light Nearest: lightpink 3

Color Harmonies

Complementary

#CF9196

#91CFCA

Analogous

#CF91B5

#CFAB91

#CF9196

Triadic

#CF9196

#96CF91

#9196CF

Split Complementary

#CF9196

#91CFAB

#91B5CF

Tetradic

#CF9196

#B5CF91

#91CFCA

#AB91CF

Color Blindness Simulation

Original

#CF9196

Protanopia

#B4B495

Deuteranopia

#B8BC94

Tritanopia

#CC9494

Achromatopsia

#9F9F9F

CSS Usage

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

Tailwind Shades

50
#FAF5F5
100
#F3E7E8
200
#E9CDD0
300
#DAAAAE
400
#C67C82
500
#B14E56
600
#8E3E44
700
#723237
800
#59272B
900
#421F22
950
#291416

Contrast Checker

Text on white

2.58:1

AA Fail AAA Fail

Text on black

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