#F8B07F

#F8B07F

Color Values

HEX

#F8B07F

RGB

248, 176, 127

HSL

24.3, 89.6%, 73.5%

HSV

24.3, 48.8%, 97.3%

CMYK

0.0%, 29.0%, 48.8%, 2.7%

OKLCH

0.8147 0.106 54.9

Properties

Warm Light Nearest: Macaroni and Cheese

Color Harmonies

Complementary

#F8B07F

#7FC7F8

Analogous

#F87F8A

#F8EC7F

#F8B07F

Triadic

#F8B07F

#7FF8B0

#B07FF8

Split Complementary

#F8B07F

#7FF8EC

#7F8AF8

Tetradic

#F8B07F

#8AF87F

#7FC7F8

#EC7FF8

Color Blindness Simulation

Original

#F8B07F

Protanopia

#D9D88B

Deuteranopia

#DDE28E

Tritanopia

#F49496

Achromatopsia

#BCBCBC

CSS Usage

background-color: #F8B07F;
color: #F8B07F;
border-color: #F8B07F;
Nearest Tailwind: Orange 300 #FDBA74

Tailwind Shades

50
#FDF6F2
100
#FBEBE0
200
#FBD5BB
300
#F9B78B
400
#F5914C
500
#F26A0D
600
#C1550B
700
#9B4408
800
#793507
900
#582909
950
#371A06

Contrast Checker

Text on white

1.82:1

AA Fail AAA Fail

Text on black

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