#FFF6DC

#FFF6DC

Color Values

HEX

#FFF6DC

RGB

255, 246, 220

HSL

44.6, 100.0%, 93.1%

HSV

44.6, 13.7%, 100.0%

CMYK

0.0%, 3.5%, 13.7%, 0.0%

OKLCH

0.9734 0.0353 91.1

Properties

Warm Light Nearest: cornsilk

Color Harmonies

Complementary

#FFF6DC

#DCE5FF

Analogous

#FFE4DC

#F6FFDC

#FFF6DC

Triadic

#FFF6DC

#DCFFF6

#F6DCFF

Split Complementary

#FFF6DC

#DCF6FF

#E4DCFF

Tetradic

#FFF6DC

#DCFFE4

#DCE5FF

#FFDCF6

Color Blindness Simulation

Original

#FFF6DC

Protanopia

#FBFBE2

Deuteranopia

#FCFCE4

Tritanopia

#FFE7E8

Achromatopsia

#F6F6F6

CSS Usage

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

Tailwind Shades

50
#FEFBF1
100
#FCF5DE
200
#FFEDB8
300
#FFE085
400
#FFCF42
500
#FFBE00
600
#CC9800
700
#A37900
800
#805F00
900
#5C4605
950
#3A2C03

Contrast Checker

Text on white

1.08:1

AA Fail AAA Fail

Text on black

19.47:1

AA Pass AAA Pass

Related Articles

Tutorials

Building a Color Picker Web Component from Scratch

2월 20, 2026
Tutorials

Web Color Performance: Gradients, Shadows, and Filters

2월 19, 2026
Tutorials

Tailwind CSS Colors: Complete Shade System Guide

2월 19, 2026