#CF5908

#CF5908

Color Values

HEX

#CF5908

RGB

207, 89, 8

HSL

24.4, 92.6%, 42.2%

HSV

24.4, 96.1%, 81.2%

CMYK

0.0%, 57.0%, 96.1%, 18.8%

OKLCH

0.6053 0.1676 45.9

Properties

Warm Light Nearest: NCS S 1070-Y80R Orange

Color Harmonies

Complementary

#CF5908

#087ECF

Analogous

#CF081B

#CFBD08

#CF5908

Triadic

#CF5908

#08CF59

#5908CF

Split Complementary

#CF5908

#08CFBD

#081BCF

Tetradic

#CF5908

#1BCF08

#087ECF

#BD08CF

Color Blindness Simulation

Original

#CF5908

Protanopia

#9C9B1C

Deuteranopia

#A3AC20

Tritanopia

#C92B2E

Achromatopsia

#6C6C6C

CSS Usage

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

Tailwind Shades

50
#FDF6F1
100
#FBEBDF
200
#FCD5BA
300
#FAB789
400
#F89049
500
#F66909
600
#C45408
700
#9D4306
800
#7B3505
900
#592908
950
#381A05

Contrast Checker

Text on white

4.13:1

AA Fail AAA Fail

Text on black

5.09:1

AA Pass AAA Fail

Related Articles

Tutorials

Responsive Color: Adapting Colors for Different Screens

ม.ค. 23, 2026
Tutorials

Color for Data Storytelling: Beyond Default Chart Colors

ม.ค. 21, 2026
Tutorials

How to Choose Brand Colors: A Step-by-Step Guide

ม.ค. 18, 2026