#F8D69D

#F8D69D

Color Values

HEX

#F8D69D

RGB

248, 214, 157

HSL

37.6, 86.7%, 79.4%

HSV

37.6, 36.7%, 97.3%

CMYK

0.0%, 13.7%, 36.7%, 2.7%

OKLCH

0.8915 0.0823 80.2

Properties

Warm Light Nearest: Maize

Color Harmonies

Complementary

#F8D69D

#9DBFF8

Analogous

#F8A89D

#ECF89D

#F8D69D

Triadic

#F8D69D

#9DF8D6

#D69DF8

Split Complementary

#F8D69D

#9DECF8

#A89DF8

Tetradic

#F8D69D

#9DF8A8

#9DBFF8

#F89DEC

Color Blindness Simulation

Original

#F8D69D

Protanopia

#E9E9AB

Deuteranopia

#EBEEAE

Tritanopia

#F6B6B8

Achromatopsia

#D9D9D9

CSS Usage

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

Tailwind Shades

50
#FDF9F2
100
#FAF0E0
200
#FAE3BC
300
#F7CF8D
400
#F2B54F
500
#EE9C11
600
#BE7C0E
700
#98640B
800
#774E08
900
#563A0B
950
#362507

Contrast Checker

Text on white

1.39:1

AA Fail AAA Fail

Text on black

15.1:1

AA Pass AAA Pass

Related Articles

Tutorials

Responsive Color: Adapting Colors for Different Screens

Jan 23, 2026
Tutorials

Color for Data Storytelling: Beyond Default Chart Colors

Jan 21, 2026
Tutorials

How to Choose Brand Colors: A Step-by-Step Guide

Jan 18, 2026