#CB2C01

#CB2C01

Color Values

HEX

#CB2C01

RGB

203, 44, 1

HSL

12.8, 99.0%, 40.0%

HSV

12.8, 99.5%, 79.6%

CMYK

0.0%, 78.3%, 99.5%, 20.4%

OKLCH

0.5484 0.1993 33.5

Properties

Warm Dark Nearest: orangered 3

Color Harmonies

Complementary

#CB2C01

#01A0CB

Analogous

#CB013B

#CB9101

#CB2C01

Triadic

#CB2C01

#01CB2C

#2C01CB

Split Complementary

#CB2C01

#01CB91

#013BCB

Tetradic

#CB2C01

#3BCB01

#01A0CB

#9101CB

Color Blindness Simulation

Original

#CB2C01

Protanopia

#86850B

Deuteranopia

#8F9B0E

Tritanopia

#C31415

Achromatopsia

#4B4B4B

CSS Usage

background-color: #CB2C01;
color: #CB2C01;
border-color: #CB2C01;
Nearest Tailwind: Orange 700 #C2410C

Tailwind Shades

50
#FEF4F1
100
#FCE5DE
200
#FFC7B8
300
#FE9F85
400
#FE6B43
500
#FE3701
600
#CB2C01
700
#A22301
800
#7F1C01
900
#5C1805
950
#3A0F03

Contrast Checker

Text on white

5.38:1

AA Pass AAA Fail

Text on black

3.9:1

AA Fail AAA Fail

Related Articles

Tutorials

Building a Color Picker Web Component from Scratch

2月 20, 2026
Tutorials

Web Color Performance: Gradients, Shadows, and Filters

2月 19, 2026
Tutorials

Tailwind CSS Colors: Complete Shade System Guide

2月 19, 2026