#CF5508

#CF5508

Color Values

HEX

#CF5508

RGB

207, 85, 8

HSL

23,2, 92,6%, 42,2%

HSV

23,2, 96,1%, 81,2%

CMYK

0,0%, 58,9%, 96,1%, 18,8%

OKLCH

0,5997 0,1708 44,3

Properties

Warm Light Nearest: NCS S 1070-Y80R Orange

Color Harmonies

Complementary

#CF5508

#0882CF

Analogous

#CF081F

#CFB908

#CF5508

Triadic

#CF5508

#08CF55

#5508CF

Split Complementary

#CF5508

#08CFB9

#081FCF

Tetradic

#CF5508

#1FCF08

#0882CF

#B908CF

Color Blindness Simulation

Original

#CF5508

Protanopia

#9A991B

Deuteranopia

#A1AA1F

Tritanopia

#C9292D

Achromatopsia

#696969

CSS Usage

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

Tailwind Shades

50
#FDF6F1
100
#FBEADF
200
#FCD4BA
300
#FAB589
400
#F88D49
500
#F66509
600
#C45108
700
#9D4006
800
#7B3205
900
#592708
950
#381905

Contrast Checker

Text on white

4,24:1

AA Fail AAA Fail

Text on black

4,96:1

AA Pass AAA Fail

Related Articles

Brand Stories

Pantone Colors by Decade: The 2000s, 2010s, and 2020s Compared

Şub 01, 2026
Tutorials

Responsive Color: Adapting Colors for Different Screens

Oca 23, 2026
Tutorials

Color for Data Storytelling: Beyond Default Chart Colors

Oca 21, 2026