#EDEB97

#EDEB97

Color Values

HEX

#EDEB97

RGB

237, 235, 151

HSL

58.6, 70.5%, 76.1%

HSV

58.6, 36.3%, 92.9%

CMYK

0.0%, 0.8%, 36.3%, 7.1%

OKLCH

0.923 0.1054 107.1

Properties

Warm Light Nearest: Green Yellow

Color Harmonies

Complementary

#EDEB97

#9799ED

Analogous

#EDC097

#C4ED97

#EDEB97

Triadic

#EDEB97

#97EDEB

#EB97ED

Split Complementary

#EDEB97

#97C4ED

#C097ED

Tetradic

#EDEB97

#97EDC0

#9799ED

#ED97C4

Color Blindness Simulation

Original

#EDEB97

Protanopia

#ECECAB

Deuteranopia

#ECECB0

Tritanopia

#EDBBBF

Achromatopsia

#E5E5E5

CSS Usage

background-color: #EDEB97;
color: #EDEB97;
border-color: #EDEB97;
Nearest Tailwind: Amber 200 #FDE68A

Tailwind Shades

50
#FCFCF3
100
#F8F7E2
200
#F4F3C2
300
#EDEB97
400
#E3E05E
500
#D9D526
600
#AEAB1E
700
#8B8818
800
#6D6B13
900
#4F4E12
950
#32310B

Contrast Checker

Text on white

1.24:1

AA Fail AAA Fail

Text on black

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