#F02826

#F02826

Color Values

HEX

#F02826

RGB

240, 40, 38

HSL

0.6, 87.1%, 54.5%

HSV

0.6, 84.2%, 94.1%

CMYK

0.0%, 83.3%, 84.2%, 5.9%

OKLCH

0.6145 0.2315 27.8

Properties

Warm Light Nearest: firebrick 2

Color Harmonies

Complementary

#F02826

#26EEF0

Analogous

#F02689

#F08D26

#F02826

Triadic

#F02826

#26F028

#2826F0

Split Complementary

#F02826

#26F08D

#2689F0

Tetradic

#F02826

#89F026

#26EEF0

#8D26F0

Color Blindness Simulation

Original

#F02826

Protanopia

#999826

Deuteranopia

#A5B427

Tritanopia

#E62727

Achromatopsia

#525252

CSS Usage

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

Tailwind Shades

50
#FDF2F2
100
#FAE0E0
200
#FABDBC
300
#F78E8C
400
#F3504E
500
#EF1310
600
#BF0F0D
700
#990C0B
800
#770908
900
#560B0A
950
#370707

Contrast Checker

Text on white

4.17:1

AA Fail AAA Fail

Text on black

5.04:1

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