#FFF0D6

#FFF0D6

Color Values

HEX

#FFF0D6

RGB

255, 240, 214

HSL

38.0, 100.0%, 92.0%

HSV

38.0, 16.1%, 100.0%

CMYK

0.0%, 5.9%, 16.1%, 0.0%

OKLCH

0.9603 0.0378 81.5

Properties

Warm Light Nearest: papayawhip

Color Harmonies

Complementary

#FFF0D6

#D6E5FF

Analogous

#FFDCD6

#FAFFD6

#FFF0D6

Triadic

#FFF0D6

#D6FFF0

#F0D6FF

Split Complementary

#FFF0D6

#D6FAFF

#DCD6FF

Tetradic

#FFF0D6

#D6FFDC

#D6E5FF

#FFD6FA

Color Blindness Simulation

Original

#FFF0D6

Protanopia

#F9F8DC

Deuteranopia

#F9FADE

Tritanopia

#FEE1E2

Achromatopsia

#F1F1F1

CSS Usage

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

Tailwind Shades

50
#FEF9F1
100
#FCF1DE
200
#FFE5B8
300
#FFD285
400
#FFBA42
500
#FFA200
600
#CC8100
700
#A36700
800
#805100
900
#5C3C05
950
#3A2603

Contrast Checker

Text on white

1.12:1

AA Fail AAA Fail

Text on black

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