#EAF0D3

#EAF0D3

Color Values

HEX

#EAF0D3

RGB

234, 240, 211

HSL

72.4, 49.2%, 88.4%

HSV

72.4, 12.1%, 94.1%

CMYK

2.5%, 0.0%, 12.1%, 5.9%

OKLCH

0.943 0.0387 116.6

Properties

Cool Light Nearest: lightyellow 2

Color Harmonies

Complementary

#EAF0D3

#D9D3F0

Analogous

#F0E7D3

#DBF0D3

#EAF0D3

Triadic

#EAF0D3

#D3EAF0

#F0D3EA

Split Complementary

#EAF0D3

#D3DBF0

#E7D3F0

Tetradic

#EAF0D3

#D3F0E7

#D9D3F0

#F0D3DB

Color Blindness Simulation

Original

#EAF0D3

Protanopia

#EDEDDA

Deuteranopia

#ECECDC

Tritanopia

#EAE0E1

Achromatopsia

#EDEDED

CSS Usage

background-color: #EAF0D3;
color: #EAF0D3;
border-color: #EAF0D3;
Nearest Tailwind: Lime 50 #F7FEE7

Tailwind Shades

50
#F9FBF4
100
#F2F5E6
200
#E6EDCA
300
#D3E0A4
400
#BCCF72
500
#A4BE41
600
#839834
700
#697A29
800
#525F20
900
#3D461B
950
#272C11

Contrast Checker

Text on white

1.17:1

AA Fail AAA Fail

Text on black

17.9:1

AA Pass AAA Pass

Related Articles

Tutorials

Responsive Color: Adapting Colors for Different Screens

Jan 23, 2026
Tutorials

Color for Data Storytelling: Beyond Default Chart Colors

Jan 21, 2026
Tutorials

How to Choose Brand Colors: A Step-by-Step Guide

Jan 18, 2026