#CB3450

#CB3450

Color Values

HEX

#CB3450

RGB

203, 52, 80

HSL

348.9, 59.2%, 50.0%

HSV

348.9, 74.4%, 79.6%

CMYK

0.0%, 74.4%, 60.6%, 20.4%

OKLCH

0.5634 0.1865 15.4

Properties

Warm Dark Nearest: Maroon

Color Harmonies

Complementary

#CB3450

#34CBAF

Analogous

#CB349B

#CB6434

#CB3450

Triadic

#CB3450

#50CB34

#3450CB

Split Complementary

#CB3450

#34CB64

#349BCB

Tetradic

#CB3450

#9BCB34

#34CBAF

#6434CB

Color Blindness Simulation

Original

#CB3450

Protanopia

#8A8849

Deuteranopia

#929E48

Tritanopia

#C34443

Achromatopsia

#565656

CSS Usage

background-color: #CB3450;
color: #CB3450;
border-color: #CB3450;
Nearest Tailwind: Rose 700 #BE123C

Tailwind Shades

50
#FBF4F5
100
#F6E4E7
200
#F0C6CE
300
#E69EAB
400
#D9697D
500
#CB3450
600
#A22A40
700
#822133
800
#651A28
900
#4A1720
950
#2F0E14

Contrast Checker

Text on white

5.06:1

AA Pass AAA Fail

Text on black

4.15:1

AA Fail 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