#CB5301

#CB5301

Color Values

HEX

#CB5301

RGB

203, 83, 1

HSL

24.4, 99.0%, 40.0%

HSV

24.4, 99.5%, 79.6%

CMYK

0.0%, 59.1%, 99.5%, 20.4%

OKLCH

0.5906 0.1692 44.8

Properties

Warm Light Nearest: NCS S 1070-Y80R Orange

Color Harmonies

Complementary

#CB5301

#0179CB

Analogous

#CB0114

#CBB801

#CB5301

Triadic

#CB5301

#01CB53

#5301CB

Split Complementary

#CB5301

#01CBB8

#0114CB

Tetradic

#CB5301

#14CB01

#0179CB

#B801CB

Color Blindness Simulation

Original

#CB5301

Protanopia

#979615

Deuteranopia

#9EA71A

Tritanopia

#C52528

Achromatopsia

#676767

CSS Usage

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

Tailwind Shades

50
#FEF6F1
100
#FCEADE
200
#FFD5B8
300
#FEB685
400
#FE8F43
500
#FE6801
600
#CB5301
700
#A24301
800
#7F3401
900
#5C2805
950
#3A1A03

Contrast Checker

Text on white

4.4:1

AA Fail AAA Fail

Text on black

4.78:1

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