#F0DAB7

#F0DAB7

Color Values

HEX

#F0DAB7

RGB

240, 218, 183

HSL

36.8, 65.5%, 82.9%

HSV

36.8, 23.8%, 94.1%

CMYK

0.0%, 9.2%, 23.8%, 5.9%

OKLCH

0.8975 0.0522 79.4

Properties

Warm Light Nearest: bisque 2

Color Harmonies

Complementary

#F0DAB7

#B7CDF0

Analogous

#F0BDB7

#E9F0B7

#F0DAB7

Triadic

#F0DAB7

#B7F0DA

#DAB7F0

Split Complementary

#F0DAB7

#B7E9F0

#BDB7F0

Tetradic

#F0DAB7

#B7F0BD

#B7CDF0

#F0B7E9

Color Blindness Simulation

Original

#F0DAB7

Protanopia

#E6E6BF

Deuteranopia

#E8E9C2

Tritanopia

#EFC6C8

Achromatopsia

#DCDCDC

CSS Usage

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

Tailwind Shades

50
#FCF8F3
100
#F7EFE3
200
#F3E1C4
300
#EACB9A
400
#DEAF63
500
#D3922C
600
#A97523
700
#875E1C
800
#6A4916
900
#4D3714
950
#31230D

Contrast Checker

Text on white

1.36:1

AA Fail AAA Fail

Text on black

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