#ECF5CA

#ECF5CA

Color Values

HEX

#ECF5CA

RGB

236, 245, 202

HSL

72.6, 68.3%, 87.6%

HSV

72.6, 17.6%, 96.1%

CMYK

3.7%, 0.0%, 17.6%, 3.9%

OKLCH

0.9525 0.0569 117.1

Properties

Cool Light Nearest: lightgoldenrodyellow

Color Harmonies

Complementary

#ECF5CA

#D3CAF5

Analogous

#F5E8CA

#D6F5CA

#ECF5CA

Triadic

#ECF5CA

#CAECF5

#F5CAEC

Split Complementary

#ECF5CA

#CAD6F5

#E8CAF5

Tetradic

#ECF5CA

#CAF5E8

#D3CAF5

#F5CAD6

Color Blindness Simulation

Original

#ECF5CA

Protanopia

#F0F0D4

Deuteranopia

#EFEFD7

Tritanopia

#ECDDDE

Achromatopsia

#F0F0F0

CSS Usage

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

Tailwind Shades

50
#FAFCF3
100
#F3F8E3
200
#E9F4C3
300
#DAEC98
400
#C6E160
500
#B2D728
600
#8EAC20
700
#72891A
800
#596B14
900
#424E13
950
#2A310C

Contrast Checker

Text on white

1.14:1

AA Fail AAA Fail

Text on black

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