#CF3126

#CF3126

Color Values

HEX

#CF3126

RGB

207, 49, 38

HSL

3.9, 69.0%, 48.0%

HSV

3.9, 81.6%, 81.2%

CMYK

0.0%, 76.3%, 81.6%, 18.8%

OKLCH

0.5616 0.196 29.0

Properties

Warm Dark Nearest: RAL 2002 Vermilion

Color Harmonies

Complementary

#CF3126

#26C4CF

Analogous

#CF266F

#CF8526

#CF3126

Triadic

#CF3126

#26CF31

#3126CF

Split Complementary

#CF3126

#26CF85

#266FCF

Tetradic

#CF3126

#6FCF26

#26C4CF

#8526CF

Color Blindness Simulation

Original

#CF3126

Protanopia

#8B8929

Deuteranopia

#94A029

Tritanopia

#C72B2B

Achromatopsia

#525252

CSS Usage

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

Tailwind Shades

50
#FCF3F3
100
#F8E4E3
200
#F4C6C3
300
#EC9D98
400
#E26860
500
#D73328
600
#AC2920
700
#8A2119
800
#6C1914
900
#4F1612
950
#320E0C

Contrast Checker

Text on white

5.1:1

AA Pass AAA Fail

Text on black

4.12: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