#F36770

#F36770

Color Values

HEX

#F36770

RGB

243, 103, 112

HSL

356.1, 85.4%, 67.8%

HSV

356.1, 57.6%, 95.3%

CMYK

0.0%, 57.6%, 53.9%, 4.7%

OKLCH

0.6899 0.1723 18.9

Properties

Warm Light Nearest: indianred 2

Color Harmonies

Complementary

#F36770

#67F3EA

Analogous

#F367B6

#F3A467

#F36770

Triadic

#F36770

#70F367

#6770F3

Split Complementary

#F36770

#67F3A4

#67B6F3

Tetradic

#F36770

#B6F367

#67F3EA

#A467F3

Color Blindness Simulation

Original

#F36770

Protanopia

#B6B56E

Deuteranopia

#BEC96D

Tritanopia

#EC6C6C

Achromatopsia

#858585

CSS Usage

background-color: #F36770;
color: #F36770;
border-color: #F36770;
Nearest Tailwind: Red 400 #F87171

Tailwind Shades

50
#FDF2F3
100
#FAE0E2
200
#FABDC1
300
#F68E94
400
#F1505B
500
#EC1321
600
#BD0F1A
700
#970C15
800
#760910
900
#560B10
950
#36070A

Contrast Checker

Text on white

3.01:1

AA Fail AAA Fail

Text on black

6.99:1

AA Pass AAA Fail

Related Articles

Color Questions

What Is Pantone? The Universal Color Language

Feb 20, 2026
Color Questions

What Is Metamerism? Why Colors Look Different Under Different Lights

Feb 20, 2026
Color Questions

What Is Luminance? Brightness in Color Science

Feb 20, 2026