#CF4A38

#CF4A38

Color Values

HEX

#CF4A38

RGB

207, 74, 56

HSL

7.2, 61.1%, 51.6%

HSV

7.2, 72.9%, 81.2%

CMYK

0.0%, 64.3%, 72.9%, 18.8%

OKLCH

0.589 0.1717 30.6

Properties

Warm Light Nearest: tomato 3

Color Harmonies

Complementary

#CF4A38

#38BDCF

Analogous

#CF3871

#CF9638

#CF4A38

Triadic

#CF4A38

#38CF4A

#4A38CF

Split Complementary

#CF4A38

#38CF96

#3871CF

Tetradic

#CF4A38

#71CF38

#38BDCF

#9638CF

Color Blindness Simulation

Original

#CF4A38

Protanopia

#95943C

Deuteranopia

#9DA73D

Tritanopia

#C84041

Achromatopsia

#656565

CSS Usage

background-color: #CF4A38;
color: #CF4A38;
border-color: #CF4A38;
Nearest Tailwind: Red 700 #B91C1C

Tailwind Shades

50
#FBF4F3
100
#F6E6E4
200
#F1CBC5
300
#E7A59C
400
#DA7567
500
#CD4432
600
#A43728
700
#832C20
800
#672219
900
#4B1C16
950
#2F120E

Contrast Checker

Text on white

4.48:1

AA Fail AAA Fail

Text on black

4.69:1

AA Pass AAA Fail

Related Articles

Tutorials

Responsive Color: Adapting Colors for Different Screens

Jan 23, 2026
Tutorials

Color for Data Storytelling: Beyond Default Chart Colors

Jan 21, 2026
Tutorials

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

Jan 18, 2026