#CB404B

#CB404B

Color Values

HEX

#CB404B

RGB

203, 64, 75

HSL

355.3, 57.2%, 52.4%

HSV

355.3, 68.5%, 79.6%

CMYK

0.0%, 68.5%, 63.1%, 20.4%

OKLCH

0.5741 0.1748 20.2

Properties

Warm Dark Nearest: Mahogany

Color Harmonies

Complementary

#CB404B

#40CBC0

Analogous

#CB4090

#CB7B40

#CB404B

Triadic

#CB404B

#4BCB40

#404BCB

Split Complementary

#CB404B

#40CB7B

#4090CB

Tetradic

#CB404B

#90CB40

#40CBC0

#7B40CB

Color Blindness Simulation

Original

#CB404B

Protanopia

#8F8E48

Deuteranopia

#97A148

Tritanopia

#C44646

Achromatopsia

#5E5E5E

CSS Usage

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

Tailwind Shades

50
#FBF4F4
100
#F6E4E6
200
#F0C7CA
300
#E59FA4
400
#D76B73
500
#C83742
600
#A02C35
700
#80232A
800
#641B21
900
#49181B
950
#2E0F11

Contrast Checker

Text on white

4.8:1

AA Pass AAA Fail

Text on black

4.37:1

AA Fail AAA Fail

Related Articles

Tutorials

Responsive Color: Adapting Colors for Different Screens

ม.ค. 23, 2026
Tutorials

Color for Data Storytelling: Beyond Default Chart Colors

ม.ค. 21, 2026
Tutorials

How to Choose Brand Colors: A Step-by-Step Guide

ม.ค. 18, 2026