#F15357

#F15357

Color Values

HEX

#F15357

RGB

241, 83, 87

HSL

358.5, 84.9%, 63.5%

HSV

358.5, 65.6%, 94.5%

CMYK

0.0%, 65.6%, 63.9%, 5.5%

OKLCH

0.6582 0.1938 22.8

Properties

Warm Light Nearest: indianred 1

Color Harmonies

Complementary

#F15357

#53F1ED

Analogous

#F153A6

#F19E53

#F15357

Triadic

#F15357

#57F153

#5357F1

Split Complementary

#F15357

#53F19E

#53A6F1

Tetradic

#F15357

#A6F153

#53F1ED

#9E53F1

Color Blindness Simulation

Original

#F15357

Protanopia

#ADAB56

Deuteranopia

#B6C256

Tritanopia

#E95555

Achromatopsia

#757575

CSS Usage

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

Tailwind Shades

50
#FDF2F2
100
#FAE0E1
200
#FABDBF
300
#F68E90
400
#F15155
500
#EC1319
600
#BD0F14
700
#970C10
800
#760A0C
900
#550B0D
950
#360708

Contrast Checker

Text on white

3.43:1

AA Fail AAA Fail

Text on black

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