#CF3025

#CF3025

Color Values

HEX

#CF3025

RGB

207, 48, 37

HSL

3.9, 69.7%, 47.8%

HSV

3.9, 82.1%, 81.2%

CMYK

0.0%, 76.8%, 82.1%, 18.8%

OKLCH

0.5607 0.1969 29.0

Properties

Warm Dark Nearest: RAL 2002 Vermilion

Color Harmonies

Complementary

#CF3025

#25C4CF

Analogous

#CF256F

#CF8525

#CF3025

Triadic

#CF3025

#25CF30

#3025CF

Split Complementary

#CF3025

#25CF85

#256FCF

Tetradic

#CF3025

#6FCF25

#25C4CF

#8525CF

Color Blindness Simulation

Original

#CF3025

Protanopia

#8A8928

Deuteranopia

#939F28

Tritanopia

#C72A2A

Achromatopsia

#515151

CSS Usage

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

Tailwind Shades

50
#FCF3F3
100
#F8E4E3
200
#F4C6C2
300
#EC9D97
400
#E2675F
500
#D83227
600
#AD281F
700
#8A2019
800
#6C1913
900
#4F1612
950
#320E0B

Contrast Checker

Text on white

5.12:1

AA Pass AAA Fail

Text on black

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