#CB666C

#CB666C

Color Values

HEX

#CB666C

RGB

203, 102, 108

HSL

356.4, 49.3%, 59.8%

HSV

356.4, 49.8%, 79.6%

CMYK

0.0%, 49.8%, 46.8%, 20.4%

OKLCH

0.6308 0.1282 17.7

Properties

Warm Light Nearest: RAL 3014 Antique Pink

Color Harmonies

Complementary

#CB666C

#66CBC5

Analogous

#CB669F

#CB9266

#CB666C

Triadic

#CB666C

#6CCB66

#666CCB

Split Complementary

#CB666C

#66CB92

#669FCB

Tetradic

#CB666C

#9FCB66

#66CBC5

#9266CB

Color Blindness Simulation

Original

#CB666C

Protanopia

#9F9E6B

Deuteranopia

#A5AD6A

Tritanopia

#C66969

Achromatopsia

#7C7C7C

CSS Usage

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

Tailwind Shades

50
#FBF4F5
100
#F5E6E7
200
#EDCACC
300
#E0A4A7
400
#CF7278
500
#BE4148
600
#98343A
700
#7A292E
800
#5F2024
900
#461B1E
950
#2C1113

Contrast Checker

Text on white

3.71:1

AA Fail AAA Fail

Text on black

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