#F28175

#F28175

Color Values

HEX

#F28175

RGB

242, 129, 117

HSL

5.8, 82.8%, 70.4%

HSV

5.8, 51.7%, 94.9%

CMYK

0.0%, 46.7%, 51.7%, 5.1%

OKLCH

0.7265 0.1406 27.4

Properties

Warm Light Nearest: salmon

Color Harmonies

Complementary

#F28175

#75E6F2

Analogous

#F275A7

#F2C075

#F28175

Triadic

#F28175

#75F281

#8175F2

Split Complementary

#F28175

#75F2C0

#75A7F2

Tetradic

#F28175

#A7F275

#75E6F2

#C075F2

Color Blindness Simulation

Original

#F28175

Protanopia

#C1C078

Deuteranopia

#C8D079

Tritanopia

#EC7A7B

Achromatopsia

#989898

CSS Usage

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

Tailwind Shades

50
#FDF3F2
100
#FAE3E1
200
#F9C3BE
300
#F4998F
400
#EF6253
500
#E92A16
600
#BA2212
700
#951B0E
800
#75150B
900
#55130C
950
#350C08

Contrast Checker

Text on white

2.57:1

AA Fail AAA Fail

Text on black

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