#F23D42

#F23D42

Color Values

HEX

#F23D42

RGB

242, 61, 66

HSL

358.3, 87.4%, 59.4%

HSV

358.3, 74.8%, 94.9%

CMYK

0.0%, 74.8%, 72.7%, 5.1%

OKLCH

0.6355 0.2167 24.6

Properties

Warm Light Nearest: brown 2

Color Harmonies

Complementary

#F23D42

#3DF2ED

Analogous

#F23D9D

#F2923D

#F23D42

Triadic

#F23D42

#42F23D

#3D42F2

Split Complementary

#F23D42

#3DF292

#3D9DF2

Tetradic

#F23D42

#9DF23D

#3DF2ED

#923DF2

Color Blindness Simulation

Original

#F23D42

Protanopia

#A4A241

Deuteranopia

#AEBC40

Tritanopia

#E94040

Achromatopsia

#646464

CSS Usage

background-color: #F23D42;
color: #F23D42;
border-color: #F23D42;
Nearest Tailwind: Red 500 #EF4444

Tailwind Shades

50
#FDF2F2
100
#FAE0E1
200
#FBBCBE
300
#F78C8F
400
#F34E53
500
#EF1016
600
#BF0D12
700
#990A0E
800
#77080B
900
#570A0C
950
#370708

Contrast Checker

Text on white

3.8:1

AA Fail AAA Fail

Text on black

5.52:1

AA Pass AAA Fail

Related Articles

Tutorials

Responsive Color: Adapting Colors for Different Screens

Jan 23, 2026
Tutorials

Color for Data Storytelling: Beyond Default Chart Colors

Jan 21, 2026
Tutorials

How to Choose Brand Colors: A Step-by-Step Guide

Jan 18, 2026