#EDF0BC

#EDF0BC

Color Values

HEX

#EDF0BC

RGB

237, 240, 188

HSL

63.5, 63.4%, 83.9%

HSV

63.5, 21.7%, 94.1%

CMYK

1.2%, 0.0%, 21.7%, 5.9%

OKLCH

0.9401 0.0675 110.4

Properties

Cool Light Nearest: Spring Green

Color Harmonies

Complementary

#EDF0BC

#BFBCF0

Analogous

#F0D9BC

#D3F0BC

#EDF0BC

Triadic

#EDF0BC

#BCEDF0

#F0BCED

Split Complementary

#EDF0BC

#BCD3F0

#D9BCF0

Tetradic

#EDF0BC

#BCF0D9

#BFBCF0

#F0BCD3

Color Blindness Simulation

Original

#EDF0BC

Protanopia

#EEEEC9

Deuteranopia

#EEEECC

Tritanopia

#EDD3D5

Achromatopsia

#ECECEC

CSS Usage

background-color: #EDF0BC;
color: #EDF0BC;
border-color: #EDF0BC;
Nearest Tailwind: Yellow 100 #FEF9C3

Tailwind Shades

50
#FBFBF3
100
#F6F7E4
200
#EFF2C5
300
#E4E99B
400
#D5DC65
500
#C7D02F
600
#9FA725
700
#7F851E
800
#636817
900
#494C15
950
#2E300D

Contrast Checker

Text on white

1.18:1

AA Fail AAA Fail

Text on black

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