#CB4301

#CB4301

Color Values

HEX

#CB4301

RGB

203, 67, 1

HSL

19.6, 99.0%, 40.0%

HSV

19.6, 99.5%, 79.6%

CMYK

0.0%, 67.0%, 99.5%, 20.4%

OKLCH

0.5705 0.1821 39.1

Properties

Warm Dark Nearest: orangered 3

Color Harmonies

Complementary

#CB4301

#0189CB

Analogous

#CB0124

#CBA801

#CB4301

Triadic

#CB4301

#01CB43

#4301CB

Split Complementary

#CB4301

#01CBA8

#0124CB

Tetradic

#CB4301

#24CB01

#0189CB

#A801CB

Color Blindness Simulation

Original

#CB4301

Protanopia

#908F11

Deuteranopia

#98A215

Tritanopia

#C41E20

Achromatopsia

#5B5B5B

CSS Usage

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

Tailwind Shades

50
#FEF5F1
100
#FCE8DE
200
#FFCFB8
300
#FEAD85
400
#FE8043
500
#FE5401
600
#CB4301
700
#A23601
800
#7F2A01
900
#5C2105
950
#3A1503

Contrast Checker

Text on white

4.84:1

AA Pass AAA Fail

Text on black

4.34: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