#F1D7AE

#F1D7AE

Color Values

HEX

#F1D7AE

RGB

241, 215, 174

HSL

36.7, 70.5%, 81.4%

HSV

36.7, 27.8%, 94.5%

CMYK

0.0%, 10.8%, 27.8%, 5.5%

OKLCH

0.8906 0.061 79.1

Properties

Warm Light Nearest: wheat 2

Color Harmonies

Complementary

#F1D7AE

#AEC8F1

Analogous

#F1B6AE

#EAF1AE

#F1D7AE

Triadic

#F1D7AE

#AEF1D7

#D7AEF1

Split Complementary

#F1D7AE

#AEEAF1

#B6AEF1

Tetradic

#F1D7AE

#AEF1B6

#AEC8F1

#F1AEEA

Color Blindness Simulation

Original

#F1D7AE

Protanopia

#E6E6B8

Deuteranopia

#E7E9BA

Tritanopia

#F0C0C1

Achromatopsia

#DADADA

CSS Usage

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

Tailwind Shades

50
#FCF8F3
100
#F8F0E2
200
#F4E1C2
300
#EDCB97
400
#E3B05E
500
#D99426
600
#AE761E
700
#8B5E18
800
#6D4A13
900
#4F3712
950
#32230B

Contrast Checker

Text on white

1.39:1

AA Fail AAA Fail

Text on black

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