#CF4330

#CF4330

Color Values

HEX

#CF4330

RGB

207, 67, 48

HSL

7.2, 62.4%, 50.0%

HSV

7.2, 76.8%, 81.2%

CMYK

0.0%, 67.6%, 76.8%, 18.8%

OKLCH

0.58 0.1796 30.8

Properties

Warm Dark Nearest: RAL 2001 Red Orange

Color Harmonies

Complementary

#CF4330

#30BCCF

Analogous

#CF306C

#CF9330

#CF4330

Triadic

#CF4330

#30CF43

#4330CF

Split Complementary

#CF4330

#30CF93

#306CCF

Tetradic

#CF4330

#6CCF30

#30BCCF

#9330CF

Color Blindness Simulation

Original

#CF4330

Protanopia

#929135

Deuteranopia

#9AA536

Tritanopia

#C83839

Achromatopsia

#5F5F5F

CSS Usage

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

Tailwind Shades

50
#FBF4F3
100
#F7E6E4
200
#F2CAC5
300
#E8A59C
400
#DC7466
500
#CF4330
600
#A63626
700
#852B1F
800
#682218
900
#4C1C15
950
#30120D

Contrast Checker

Text on white

4.67:1

AA Pass AAA Fail

Text on black

4.5:1

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