#F0D7BA

#F0D7BA

Color Values

HEX

#F0D7BA

RGB

240, 215, 186

HSL

32.2, 64.3%, 83.5%

HSV

32.2, 22.5%, 94.1%

CMYK

0.0%, 10.4%, 22.5%, 5.9%

OKLCH

0.8924 0.0475 71.3

Properties

Warm Light Nearest: bisque 2

Color Harmonies

Complementary

#F0D7BA

#BAD3F0

Analogous

#F0BCBA

#EEF0BA

#F0D7BA

Triadic

#F0D7BA

#BAF0D7

#D7BAF0

Split Complementary

#F0D7BA

#BAEEF0

#BCBAF0

Tetradic

#F0D7BA

#BAF0BC

#BAD3F0

#F0BAEE

Color Blindness Simulation

Original

#F0D7BA

Protanopia

#E5E5C1

Deuteranopia

#E7E8C3

Tritanopia

#EFC7C8

Achromatopsia

#DADADA

CSS Usage

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

Tailwind Shades

50
#FCF8F3
100
#F7EEE3
200
#F2DDC4
300
#E9C59A
400
#DDA564
500
#D1862E
600
#A86B24
700
#86551D
800
#694317
900
#4C3314
950
#30200D

Contrast Checker

Text on white

1.39:1

AA Fail AAA Fail

Text on black

15.13:1

AA Pass AAA Pass

Related Articles

Tutorials

Building a Color Picker Web Component from Scratch

Feb 20, 2026
Tutorials

Web Color Performance: Gradients, Shadows, and Filters

Feb 19, 2026
Tutorials

Tailwind CSS Colors: Complete Shade System Guide

Feb 19, 2026