#F8DAC0

#F8DAC0

Color Values

HEX

#F8DAC0

RGB

248, 218, 192

HSL

27.9, 80.0%, 86.3%

HSV

27.9, 22.6%, 97.3%

CMYK

0.0%, 12.1%, 22.6%, 2.7%

OKLCH

0.9066 0.0481 63.1

Properties

Warm Light Nearest: bisque 2

Color Harmonies

Complementary

#F8DAC0

#C0DEF8

Analogous

#F8C0C2

#F8F6C0

#F8DAC0

Triadic

#F8DAC0

#C0F8DA

#DAC0F8

Split Complementary

#F8DAC0

#C0F8F6

#C0C2F8

Tetradic

#F8DAC0

#C2F8C0

#C0DEF8

#F6C0F8

Color Blindness Simulation

Original

#F8DAC0

Protanopia

#EBEBC6

Deuteranopia

#EDEFC8

Tritanopia

#F6CBCC

Achromatopsia

#DFDFDF

CSS Usage

background-color: #F8DAC0;
color: #F8DAC0;
border-color: #F8DAC0;
Nearest Tailwind: Orange 100 #FFEDD5

Tailwind Shades

50
#FDF7F2
100
#F9ECE1
200
#F8D9BF
300
#F3BE91
400
#EC9B55
500
#E67819
600
#B86014
700
#934D10
800
#733C0D
900
#532E0E
950
#351D09

Contrast Checker

Text on white

1.33:1

AA Fail AAA Fail

Text on black

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