#CB4701

#CB4701

Color Values

HEX

#CB4701

RGB

203, 71, 1

HSL

20.8, 99.0%, 40.0%

HSV

20.8, 99.5%, 79.6%

CMYK

0.0%, 65.0%, 99.5%, 20.4%

OKLCH

0.5752 0.1789 40.3

Properties

Warm Dark Nearest: orangered 3

Color Harmonies

Complementary

#CB4701

#0185CB

Analogous

#CB0120

#CBAC01

#CB4701

Triadic

#CB4701

#01CB47

#4701CB

Split Complementary

#CB4701

#01CBAC

#0120CB

Tetradic

#CB4701

#20CB01

#0185CB

#AC01CB

Color Blindness Simulation

Original

#CB4701

Protanopia

#929112

Deuteranopia

#9AA316

Tritanopia

#C41F22

Achromatopsia

#5E5E5E

CSS Usage

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

Tailwind Shades

50
#FEF5F1
100
#FCE9DE
200
#FFD0B8
300
#FEAF85
400
#FE8443
500
#FE5901
600
#CB4701
700
#A23901
800
#7F2C01
900
#5C2305
950
#3A1603

Contrast Checker

Text on white

4.73:1

AA Pass AAA Fail

Text on black

4.44:1

AA Fail AAA Fail

Related Articles

Tutorials

Building a Color Picker Web Component from Scratch

Feb 20, 2026
Tutorials

Web Color Performance: Gradients, Shadows, and Filters

Feb 19, 2026
Tutorials

Tailwind CSS Colors: Complete Shade System Guide

Feb 19, 2026