#F3EDDC

#F3EDDC

Color Values

HEX

#F3EDDC

RGB

243, 237, 220

HSL

44.3, 48.9%, 90.8%

HSV

44.3, 9.5%, 95.3%

CMYK

0.0%, 2.5%, 9.5%, 4.7%

OKLCH

0.9462 0.0234 90.8

Properties

Warm Light Nearest: ivory 2

Color Harmonies

Complementary

#F3EDDC

#DCE2F3

Analogous

#F3E2DC

#EEF3DC

#F3EDDC

Triadic

#F3EDDC

#DCF3ED

#EDDCF3

Split Complementary

#F3EDDC

#DCEEF3

#E2DCF3

Tetradic

#F3EDDC

#DCF3E2

#DCE2F3

#F3DCEE

Color Blindness Simulation

Original

#F3EDDC

Protanopia

#F0F0E0

Deuteranopia

#F1F1E1

Tritanopia

#F3E3E4

Achromatopsia

#EDEDED

CSS Usage

background-color: #F3EDDC;
color: #F3EDDC;
border-color: #F3EDDC;
Nearest Tailwind: Amber 50 #FFFBEB

Tailwind Shades

50
#FBF9F4
100
#F5F1E6
200
#EDE4CA
300
#E0D0A4
400
#CFB773
500
#BE9D41
600
#987E34
700
#7A652A
800
#5F4F21
900
#463B1B
950
#2C2511

Contrast Checker

Text on white

1.17:1

AA Fail AAA Fail

Text on black

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