#CF0824

#CF0824

Color Values

HEX

#CF0824

RGB

207, 8, 36

HSL

351.6, 92.6%, 42.2%

HSV

351.6, 96.1%, 81.2%

CMYK

0.0%, 96.1%, 82.6%, 18.8%

OKLCH

0.5405 0.2161 24.8

Properties

Warm Dark Nearest: firebrick 3

Color Harmonies

Complementary

#CF0824

#08CFB3

Analogous

#CF0888

#CF5008

#CF0824

Triadic

#CF0824

#24CF08

#0824CF

Split Complementary

#CF0824

#08CF50

#0888CF

Tetradic

#CF0824

#88CF08

#08CFB3

#5008CF

Color Blindness Simulation

Original

#CF0824

Protanopia

#79771D

Deuteranopia

#84931C

Tritanopia

#C51817

Achromatopsia

#343434

CSS Usage

background-color: #CF0824;
color: #CF0824;
border-color: #CF0824;
Nearest Tailwind: Red 600 #DC2626

Tailwind Shades

50
#FDF1F3
100
#FBDFE3
200
#FCBAC3
300
#FA8999
400
#F84962
500
#F6092A
600
#C40822
700
#9D061B
800
#7B0515
900
#590813
950
#38050C

Contrast Checker

Text on white

5.66:1

AA Pass AAA Fail

Text on black

3.71:1

AA Fail AAA Fail

Related Articles

Tutorials

CSS color-mix(): Blend Colors Natively in the Browser

Jan 26, 2026
Tutorials

Building a Color Picker Web Component from Scratch

Jan 21, 2026
Tutorials

Perceptual Color Spaces: Lab, LCH, Oklab, OKLCH

Jan 15, 2026