#ECFAD7

#ECFAD7

Color Values

HEX

#ECFAD7

RGB

236, 250, 215

HSL

84,0, 77,8%, 91,2%

HSV

84,0, 14,0%, 98,0%

CMYK

5,6%, 0,0%, 14,0%, 2,0%

OKLCH

0,9656 0,0482 125,1

Properties

Cool Light Nearest: lightgoldenrodyellow

Color Harmonies

Complementary

#ECFAD7

#E5D7FA

Analogous

#FAF7D7

#DBFAD7

#ECFAD7

Triadic

#ECFAD7

#D7ECFA

#FAD7EC

Split Complementary

#ECFAD7

#D7DBFA

#F7D7FA

Tetradic

#ECFAD7

#D7FAF7

#E5D7FA

#FAD7DB

Color Blindness Simulation

Original

#ECFAD7

Protanopia

#F2F2DF

Deuteranopia

#F1F0E2

Tritanopia

#EDE6E8

Achromatopsia

#F4F4F4

CSS Usage

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

Tailwind Shades

50
#F8FCF2
100
#F0F9E1
200
#E1F7C0
300
#CBF192
400
#AFEA57
500
#93E31C
600
#76B517
700
#5E9112
800
#4A710E
900
#37520F
950
#233409

Contrast Checker

Text on white

1,09:1

AA Fail AAA Fail

Text on black

19,22: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