#F8C18C

#F8C18C

Color Values

HEX

#F8C18C

RGB

248, 193, 140

HSL

29.4, 88.5%, 76.1%

HSV

29.4, 43.5%, 97.3%

CMYK

0.0%, 22.2%, 43.5%, 2.7%

OKLCH

0.8483 0.0931 65.0

Properties

Warm Light Nearest: Macaroni and Cheese

Color Harmonies

Complementary

#F8C18C

#8CC3F8

Analogous

#F88C8D

#F8F78C

#F8C18C

Triadic

#F8C18C

#8CF8C1

#C18CF8

Split Complementary

#F8C18C

#8CF8F7

#8C8DF8

Tetradic

#F8C18C

#8DF88C

#8CC3F8

#F78CF8

Color Blindness Simulation

Original

#F8C18C

Protanopia

#E0E099

Deuteranopia

#E3E89C

Tritanopia

#F5A3A5

Achromatopsia

#C9C9C9

CSS Usage

background-color: #F8C18C;
color: #F8C18C;
border-color: #F8C18C;
Nearest Tailwind: Orange 200 #FED7AA

Tailwind Shades

50
#FDF7F2
100
#FBEDE0
200
#FBDBBC
300
#F8C18C
400
#F49F4D
500
#F07D0F
600
#C0640C
700
#9A5009
800
#783F07
900
#57300A
950
#371E06

Contrast Checker

Text on white

1.62:1

AA Fail AAA Fail

Text on black

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