#CF4930

#CF4930

Color Values

HEX

#CF4930

RGB

207, 73, 48

HSL

9.4, 62.4%, 50.0%

HSV

9.4, 76.8%, 81.2%

CMYK

0.0%, 64.7%, 76.8%, 18.8%

OKLCH

0.5869 0.1742 32.7

Properties

Warm Light Nearest: RAL 3022 Salmon Pink

Color Harmonies

Complementary

#CF4930

#30B6CF

Analogous

#CF3067

#CF9830

#CF4930

Triadic

#CF4930

#30CF49

#4930CF

Split Complementary

#CF4930

#30CF98

#3067CF

Tetradic

#CF4930

#67CF30

#30B6CF

#9830CF

Color Blindness Simulation

Original

#CF4930

Protanopia

#959436

Deuteranopia

#9DA737

Tritanopia

#C83B3C

Achromatopsia

#646464

CSS Usage

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

Tailwind Shades

50
#FBF5F3
100
#F7E7E4
200
#F2CCC5
300
#E8A89C
400
#DC7866
500
#CF4930
600
#A63A26
700
#852F1F
800
#682418
900
#4C1E15
950
#30130D

Contrast Checker

Text on white

4.52:1

AA Pass AAA Fail

Text on black

4.65:1

AA Pass 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