#CB4142

#CB4142

Color Values

HEX

#CB4142

RGB

203, 65, 66

HSL

359.6, 57.0%, 52.5%

HSV

359.6, 68.0%, 79.6%

CMYK

0.0%, 68.0%, 67.5%, 20.4%

OKLCH

0.5736 0.1746 24.1

Properties

Warm Dark Nearest: NCS S 1060-R Bright Red

Color Harmonies

Complementary

#CB4142

#41CBCA

Analogous

#CB4187

#CB8541

#CB4142

Triadic

#CB4142

#42CB41

#4142CB

Split Complementary

#CB4142

#41CB85

#4187CB

Tetradic

#CB4142

#87CB41

#41CBCA

#8541CB

Color Blindness Simulation

Original

#CB4142

Protanopia

#8F8E42

Deuteranopia

#97A242

Tritanopia

#C44242

Achromatopsia

#5E5E5E

CSS Usage

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

Tailwind Shades

50
#FBF4F4
100
#F6E5E5
200
#F0C7C7
300
#E59F9F
400
#D66B6C
500
#C83738
600
#A02C2D
700
#802324
800
#641B1C
900
#491818
950
#2E0F0F

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