#F23C41

#F23C41

Color Values

HEX

#F23C41

RGB

242, 60, 65

HSL

358.4, 87.5%, 59.2%

HSV

358.4, 75.2%, 94.9%

CMYK

0.0%, 75.2%, 73.1%, 5.1%

OKLCH

0.6345 0.2175 24.7

Properties

Warm Light Nearest: brown 2

Color Harmonies

Complementary

#F23C41

#3CF2ED

Analogous

#F23C9C

#F2923C

#F23C41

Triadic

#F23C41

#41F23C

#3C41F2

Split Complementary

#F23C41

#3CF292

#3C9CF2

Tetradic

#F23C41

#9CF23C

#3CF2ED

#923CF2

Color Blindness Simulation

Original

#F23C41

Protanopia

#A3A240

Deuteranopia

#AEBB40

Tritanopia

#E93F3F

Achromatopsia

#636363

CSS Usage

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

Tailwind Shades

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

Contrast Checker

Text on white

3.82:1

AA Fail AAA Fail

Text on black

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