#EAF7CC

#EAF7CC

Color Values

HEX

#EAF7CC

RGB

234, 247, 204

HSL

78.1, 72.9%, 88.4%

HSV

78.1, 17.4%, 96.9%

CMYK

5.3%, 0.0%, 17.4%, 3.1%

OKLCH

0.9555 0.0579 121.2

Properties

Cool Light Nearest: lightgoldenrodyellow

Color Harmonies

Complementary

#EAF7CC

#D9CCF7

Analogous

#F7EECC

#D4F7CC

#EAF7CC

Triadic

#EAF7CC

#CCEAF7

#F7CCEA

Split Complementary

#EAF7CC

#CCD4F7

#EECCF7

Tetradic

#EAF7CC

#CCF7EE

#D9CCF7

#F7CCD4

Color Blindness Simulation

Original

#EAF7CC

Protanopia

#F0F0D6

Deuteranopia

#EFEED9

Tritanopia

#EBDFE0

Achromatopsia

#F1F1F1

CSS Usage

background-color: #EAF7CC;
color: #EAF7CC;
border-color: #EAF7CC;
Nearest Tailwind: Lime 100 #ECFCCB

Tailwind Shades

50
#F9FCF3
100
#F2F8E2
200
#E6F5C1
300
#D3EE95
400
#BCE55C
500
#A4DC23
600
#83B01C
700
#698D16
800
#526E11
900
#3D5011
950
#27330B

Contrast Checker

Text on white

1.12:1

AA Fail AAA Fail

Text on black

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