#F4EDCF

#F4EDCF

Color Values

HEX

#F4EDCF

RGB

244, 237, 207

HSL

48.6, 62.7%, 88.4%

HSV

48.6, 15.2%, 95.7%

CMYK

0.0%, 2.9%, 15.2%, 4.3%

OKLCH

0.9438 0.0401 96.2

Properties

Warm Light Nearest: NCS S 0510-Y Light Yellow

Color Harmonies

Complementary

#F4EDCF

#CFD6F4

Analogous

#F4DACF

#E8F4CF

#F4EDCF

Triadic

#F4EDCF

#CFF4ED

#EDCFF4

Split Complementary

#F4EDCF

#CFE8F4

#DACFF4

Tetradic

#F4EDCF

#CFF4DA

#CFD6F4

#F4CFE8

Color Blindness Simulation

Original

#F4EDCF

Protanopia

#F1F1D6

Deuteranopia

#F1F2D8

Tritanopia

#F4DCDD

Achromatopsia

#ECECEC

CSS Usage

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

Tailwind Shades

50
#FBFAF3
100
#F7F3E4
200
#F2E9C5
300
#E8DA9B
400
#DCC565
500
#CFB130
600
#A68E26
700
#85711E
800
#685918
900
#4C4115
950
#30290D

Contrast Checker

Text on white

1.18:1

AA Fail AAA Fail

Text on black

17.86:1

AA Pass AAA Pass

Related Articles

Tutorials

Building a Color Picker Web Component from Scratch

ก.พ. 20, 2026
Tutorials

Web Color Performance: Gradients, Shadows, and Filters

ก.พ. 19, 2026
Tutorials

Tailwind CSS Colors: Complete Shade System Guide

ก.พ. 19, 2026