#F28757

#F28757

Color Values

HEX

#F28757

RGB

242, 135, 87

HSL

18.6, 85.6%, 64.5%

HSV

18.6, 64.0%, 94.9%

CMYK

0.0%, 44.2%, 64.0%, 5.1%

OKLCH

0.731 0.1452 44.1

Properties

Warm Light Nearest: salmon 1

Color Harmonies

Complementary

#F28757

#57C2F2

Analogous

#F25774

#F2D557

#F28757

Triadic

#F28757

#57F287

#8757F2

Split Complementary

#F28757

#57F2D5

#5774F2

Tetradic

#F28757

#74F257

#57C2F2

#D557F2

Color Blindness Simulation

Original

#F28757

Protanopia

#C4C363

Deuteranopia

#CAD265

Tritanopia

#ED6C6E

Achromatopsia

#9A9A9A

CSS Usage

background-color: #F28757;
color: #F28757;
border-color: #F28757;
Nearest Tailwind: Orange 400 #FB923C

Tailwind Shades

50
#FDF5F2
100
#FAE8E0
200
#FAD0BD
300
#F6AE8D
400
#F18250
500
#ED5612
600
#BD450F
700
#97370C
800
#762B09
900
#56220B
950
#361607

Contrast Checker

Text on white

2.51:1

AA Fail AAA Fail

Text on black

8.38:1

AA Pass AAA Pass

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