#F08151

#F08151

Color Values

HEX

#F08151

RGB

240, 129, 81

HSL

18.1, 84.1%, 62.9%

HSV

18.1, 66.2%, 94.1%

CMYK

0.0%, 46.2%, 66.2%, 5.9%

OKLCH

0.7181 0.1501 43.2

Properties

Warm Light Nearest: sienna 2

Color Harmonies

Complementary

#F08151

#51C0F0

Analogous

#F05170

#F0D051

#F08151

Triadic

#F08151

#51F081

#8151F0

Split Complementary

#F08151

#51F0D0

#5170F0

Tetradic

#F08151

#70F051

#51C0F0

#D051F0

Color Blindness Simulation

Original

#F08151

Protanopia

#C0BF5D

Deuteranopia

#C6CF5F

Tritanopia

#EA6668

Achromatopsia

#959595

CSS Usage

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

Tailwind Shades

50
#FDF5F2
100
#FAE8E0
200
#F9CFBD
300
#F5AD8E
400
#F08151
500
#EB5514
600
#BC4410
700
#96360D
800
#752A0A
900
#55220C
950
#361507

Contrast Checker

Text on white

2.64:1

AA Fail AAA Fail

Text on black

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