#F35645

#F35645

Color Values

HEX

#F35645

RGB

243, 86, 69

HSL

5.9, 87.9%, 61.2%

HSV

5.9, 71.6%, 95.3%

CMYK

0.0%, 64.6%, 71.6%, 4.7%

OKLCH

0.6621 0.1956 29.4

Properties

Warm Light Nearest: tomato 2

Color Harmonies

Complementary

#F35645

#45E2F3

Analogous

#F3458B

#F3AD45

#F35645

Triadic

#F35645

#45F356

#5645F3

Split Complementary

#F35645

#45F3AD

#458BF3

Tetradic

#F35645

#8BF345

#45E2F3

#AD45F3

Color Blindness Simulation

Original

#F35645

Protanopia

#AFAE49

Deuteranopia

#B8C44A

Tritanopia

#EB4C4D

Achromatopsia

#767676

CSS Usage

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

Tailwind Shades

50
#FDF3F2
100
#FAE2E0
200
#FBC2BC
300
#F8978C
400
#F45E4E
500
#F0250F
600
#C01E0C
700
#99180A
800
#781308
900
#57120A
950
#370B06

Contrast Checker

Text on white

3.37:1

AA Fail AAA Fail

Text on black

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