#CF5A30

#CF5A30

Color Values

HEX

#CF5A30

RGB

207, 90, 48

HSL

15.8, 62.4%, 50.0%

HSV

15.8, 76.8%, 81.2%

CMYK

0.0%, 56.5%, 76.8%, 18.8%

OKLCH

0.609 0.1587 39.4

Properties

Warm Light Nearest: RAL 2013 Pearl Orange

Color Harmonies

Complementary

#CF5A30

#30A5CF

Analogous

#CF3056

#CFA930

#CF5A30

Triadic

#CF5A30

#30CF5A

#5A30CF

Split Complementary

#CF5A30

#30CFA9

#3056CF

Tetradic

#CF5A30

#56CF30

#30A5CF

#A930CF

Color Blindness Simulation

Original

#CF5A30

Protanopia

#9C9B3A

Deuteranopia

#A3AC3D

Tritanopia

#C94244

Achromatopsia

#707070

CSS Usage

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

Tailwind Shades

50
#FBF5F3
100
#F7E9E4
200
#F2D1C5
300
#E8B09C
400
#DC8566
500
#CF5A30
600
#A64826
700
#85391F
800
#682D18
900
#4C2415
950
#30160D

Contrast Checker

Text on white

4.07:1

AA Fail AAA Fail

Text on black

5.16:1

AA Pass AAA Fail

Related Articles

Color Questions

What Is Pantone? The Universal Color Language

Feb 20, 2026
Color Questions

What Is Metamerism? Why Colors Look Different Under Different Lights

Feb 20, 2026
Color Questions

What Is Luminance? Brightness in Color Science

Feb 20, 2026