#CB504C

#CB504C

Color Values

HEX

#CB504C

RGB

203, 80, 76

HSL

1.9, 55.0%, 54.7%

HSV

1.9, 62.6%, 79.6%

CMYK

0.0%, 60.6%, 62.6%, 20.4%

OKLCH

0.5931 0.1576 25.0

Properties

Warm Light Nearest: Mahogany

Color Harmonies

Complementary

#CB504C

#4CC7CB

Analogous

#CB4C87

#CB904C

#CB504C

Triadic

#CB504C

#4CCB50

#504CCB

Split Complementary

#CB504C

#4CCB90

#4C87CB

Tetradic

#CB504C

#87CB4C

#4CC7CB

#904CCB

Color Blindness Simulation

Original

#CB504C

Protanopia

#96954D

Deuteranopia

#9DA64D

Tritanopia

#C54E4E

Achromatopsia

#6A6A6A

CSS Usage

background-color: #CB504C;
color: #CB504C;
border-color: #CB504C;
Nearest Tailwind: Red 400 #F87171

Tailwind Shades

50
#FBF4F4
100
#F5E5E5
200
#EFC9C8
300
#E3A2A0
400
#D5706D
500
#C63E39
600
#9E312E
700
#7E2825
800
#631F1D
900
#481A18
950
#2E100F

Contrast Checker

Text on white

4.38:1

AA Fail AAA Fail

Text on black

4.79:1

AA Pass AAA Fail

Related Articles

Tutorials

Responsive Color: Adapting Colors for Different Screens

Jan 23, 2026
Tutorials

Color for Data Storytelling: Beyond Default Chart Colors

Jan 21, 2026
Tutorials

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

Jan 18, 2026