#CB646B

#CB646B

Color Values

HEX

#CB646B

RGB

203, 100, 107

HSL

355.9, 49.8%, 59.4%

HSV

355.9, 50.7%, 79.6%

CMYK

0.0%, 50.7%, 47.3%, 20.4%

OKLCH

0.6276 0.1308 17.4

Properties

Warm Light Nearest: Fuzzy Wuzzy

Color Harmonies

Complementary

#CB646B

#64CBC4

Analogous

#CB649F

#CB9064

#CB646B

Triadic

#CB646B

#6BCB64

#646BCB

Split Complementary

#CB646B

#64CB90

#649FCB

Tetradic

#CB646B

#9FCB64

#64CBC4

#9064CB

Color Blindness Simulation

Original

#CB646B

Protanopia

#9E9E69

Deuteranopia

#A4AC69

Tritanopia

#C66868

Achromatopsia

#7A7A7A

CSS Usage

background-color: #CB646B;
color: #CB646B;
border-color: #CB646B;
Nearest Tailwind: Rose 400 #FB7185

Tailwind Shades

50
#FBF4F5
100
#F5E6E7
200
#EDCACC
300
#E0A3A7
400
#D07278
500
#BF4049
600
#99333A
700
#7A292F
800
#5F2024
900
#461B1E
950
#2C1113

Contrast Checker

Text on white

3.77:1

AA Fail AAA Fail

Text on black

5.57:1

AA Pass AAA Fail

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