#F37E86

#F37E86

Color Values

HEX

#F37E86

RGB

243, 126, 134

HSL

355.9, 83.0%, 72.4%

HSV

355.9, 48.1%, 95.3%

CMYK

0.0%, 48.1%, 44.9%, 4.7%

OKLCH

0.7269 0.1434 17.0

Properties

Warm Light Nearest: lightcoral

Color Harmonies

Complementary

#F37E86

#7EF3EB

Analogous

#F37EC1

#F3B17E

#F37E86

Triadic

#F37E86

#86F37E

#7E86F3

Split Complementary

#F37E86

#7EF3B1

#7EC1F3

Tetradic

#F37E86

#C1F37E

#7EF3EB

#B17EF3

Color Blindness Simulation

Original

#F37E86

Protanopia

#C0BF84

Deuteranopia

#C7D084

Tritanopia

#ED8382

Achromatopsia

#979797

CSS Usage

background-color: #F37E86;
color: #F37E86;
border-color: #F37E86;
Nearest Tailwind: Rose 400 #FB7185

Tailwind Shades

50
#FDF2F3
100
#FAE1E2
200
#F9BEC2
300
#F58F96
400
#EF525D
500
#E91624
600
#BB111D
700
#950E17
800
#750B12
900
#550C11
950
#35080B

Contrast Checker

Text on white

2.58:1

AA Fail AAA Fail

Text on black

8.14:1

AA Pass AAA Pass

Related Articles

Tutorials

Building a Color Picker Web Component from Scratch

Feb 20, 2026
Tutorials

Web Color Performance: Gradients, Shadows, and Filters

Feb 19, 2026
Tutorials

Tailwind CSS Colors: Complete Shade System Guide

Feb 19, 2026