#CB2A01

#CB2A01

Color Values

HEX

#CB2A01

RGB

203, 42, 1

HSL

12.2, 99.0%, 40.0%

HSV

12.2, 99.5%, 79.6%

CMYK

0.0%, 79.3%, 99.5%, 20.4%

OKLCH

0.5469 0.2006 33.1

Properties

Warm Dark Nearest: orangered 3

Color Harmonies

Complementary

#CB2A01

#01A2CB

Analogous

#CB013D

#CB8F01

#CB2A01

Triadic

#CB2A01

#01CB2A

#2A01CB

Split Complementary

#CB2A01

#01CB8F

#013DCB

Tetradic

#CB2A01

#3DCB01

#01A2CB

#8F01CB

Color Blindness Simulation

Original

#CB2A01

Protanopia

#85840B

Deuteranopia

#8F9B0D

Tritanopia

#C31314

Achromatopsia

#494949

CSS Usage

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

Tailwind Shades

50
#FEF4F1
100
#FCE4DE
200
#FFC6B8
300
#FE9E85
400
#FE6943
500
#FE3501
600
#CB2A01
700
#A22201
800
#7F1A01
900
#5C1705
950
#3A0E03

Contrast Checker

Text on white

5.43:1

AA Pass AAA Fail

Text on black

3.87:1

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