#CB196F

#CB196F

Color Values

HEX

#CB196F

RGB

203, 25, 111

HSL

331,0, 78,1%, 44,7%

HSV

331,0, 87,7%, 79,6%

CMYK

0,0%, 87,7%, 45,3%, 20,4%

OKLCH

0,554 0,2131 359,4

Properties

Warm Dark Nearest: deeppink 3

Color Harmonies

Complementary

#CB196F

#19CB75

Analogous

#CB19C8

#CB1C19

#CB196F

Triadic

#CB196F

#6FCB19

#196FCB

Split Complementary

#CB196F

#19CB1C

#19C8CB

Tetradic

#CB196F

#C8CB19

#19CB75

#1C19CB

Color Blindness Simulation

Original

#CB196F

Protanopia

#7E7C5A

Deuteranopia

#889655

Tritanopia

#C24A46

Achromatopsia

#454545

CSS Usage

background-color: #CB196F;
color: #CB196F;
border-color: #CB196F;
Nearest Tailwind: Pink 600 #DB2777

Tailwind Shades

50
#FCF2F7
100
#F9E1ED
200
#F7BFDA
300
#F292C0
400
#EA579E
500
#E31C7C
600
#B61663
700
#91124F
800
#720E3E
900
#530E2F
950
#34091E

Contrast Checker

Text on white

5,37:1

AA Pass AAA Fail

Text on black

3,91:1

AA Fail AAA Fail

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