#F2EDCD

#F2EDCD

Color Values

HEX

#F2EDCD

RGB

242, 237, 205

HSL

51,9, 58,7%, 87,6%

HSV

51,9, 15,3%, 94,9%

CMYK

0,0%, 2,1%, 15,3%, 5,1%

OKLCH

0,9417 0,0423 99,8

Properties

Warm Light Nearest: lightyellow 2

Color Harmonies

Complementary

#F2EDCD

#CDD2F2

Analogous

#F2DACD

#E4F2CD

#F2EDCD

Triadic

#F2EDCD

#CDF2ED

#EDCDF2

Split Complementary

#F2EDCD

#CDE4F2

#DACDF2

Tetradic

#F2EDCD

#CDF2DA

#CDD2F2

#F2CDE4

Color Blindness Simulation

Original

#F2EDCD

Protanopia

#F0F0D5

Deuteranopia

#F0F0D7

Tritanopia

#F2DBDC

Achromatopsia

#ECECEC

CSS Usage

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

Tailwind Shades

50
#FBFAF4
100
#F6F4E4
200
#F0EBC6
300
#E6DC9E
400
#D8C969
500
#CAB635
600
#A2922A
700
#817522
800
#655B1A
900
#4A4317
950
#2F2A0E

Contrast Checker

Text on white

1,18:1

AA Fail AAA Fail

Text on black

17,77: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