#F36470

#F36470

Color Values

HEX

#F36470

RGB

243, 100, 112

HSL

355.0, 85.6%, 67.3%

HSV

355.0, 58.8%, 95.3%

CMYK

0.0%, 58.8%, 53.9%, 4.7%

OKLCH

0.6861 0.1758 18.0

Properties

Warm Light Nearest: indianred 2

Color Harmonies

Complementary

#F36470

#64F3E7

Analogous

#F364B8

#F3A064

#F36470

Triadic

#F36470

#70F364

#6470F3

Split Complementary

#F36470

#64F3A0

#64B8F3

Tetradic

#F36470

#B8F364

#64F3E7

#A064F3

Color Blindness Simulation

Original

#F36470

Protanopia

#B5B46D

Deuteranopia

#BDC86C

Tritanopia

#EC6B6A

Achromatopsia

#838383

CSS Usage

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

Tailwind Shades

50
#FDF2F3
100
#FAE0E2
200
#FABDC2
300
#F68D96
400
#F1505D
500
#ED1225
600
#BD0F1D
700
#970C17
800
#760912
900
#560B11
950
#36070B

Contrast Checker

Text on white

3.06:1

AA Fail AAA Fail

Text on black

6.87:1

AA Pass AAA Fail

Related Articles

Tutorials

CSS color-mix(): Blend Colors Natively in the Browser

Jan 26, 2026
Tutorials

Building a Color Picker Web Component from Scratch

Jan 21, 2026
Tutorials

Perceptual Color Spaces: Lab, LCH, Oklab, OKLCH

Jan 15, 2026