#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

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