#CF4F30

#CF4F30

Color Values

HEX

#CF4F30

RGB

207, 79, 48

HSL

11.7, 62.4%, 50.0%

HSV

11.7, 76.8%, 81.2%

CMYK

0.0%, 61.8%, 76.8%, 18.8%

OKLCH

0.5943 0.1687 34.8

Properties

Warm Light Nearest: RAL 3022 Salmon Pink

Color Harmonies

Complementary

#CF4F30

#30B0CF

Analogous

#CF3060

#CF9F30

#CF4F30

Triadic

#CF4F30

#30CF4F

#4F30CF

Split Complementary

#CF4F30

#30CF9F

#3060CF

Tetradic

#CF4F30

#60CF30

#30B0CF

#9F30CF

Color Blindness Simulation

Original

#CF4F30

Protanopia

#989637

Deuteranopia

#9FA939

Tritanopia

#C93D3F

Achromatopsia

#686868

CSS Usage

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

Tailwind Shades

50
#FBF5F3
100
#F7E7E4
200
#F2CEC5
300
#E8AB9C
400
#DC7D66
500
#CF4F30
600
#A63F26
700
#85331F
800
#682718
900
#4C2015
950
#30140D

Contrast Checker

Text on white

4.36:1

AA Fail AAA Fail

Text on black

4.81:1

AA Pass AAA Fail

Related Articles

Color Questions

What Is Pantone? The Universal Color Language

ก.พ. 20, 2026
Color Questions

What Is Metamerism? Why Colors Look Different Under Different Lights

ก.พ. 20, 2026
Color Questions

What Is Luminance? Brightness in Color Science

ก.พ. 20, 2026