#ECFFB4

#ECFFB4

Color Values

HEX

#ECFFB4

RGB

236, 255, 180

HSL

75,2, 100,0%, 85,3%

HSV

75,2, 29,4%, 100,0%

CMYK

7,5%, 0,0%, 29,4%, 0,0%

OKLCH

0,9684 0,0977 119,8

Properties

Cool Light Nearest: palegoldenrod

Color Harmonies

Complementary

#ECFFB4

#C7B4FF

Analogous

#FFEDB4

#C7FFB4

#ECFFB4

Triadic

#ECFFB4

#B4ECFF

#FFB4EC

Split Complementary

#ECFFB4

#B4C7FF

#EDB4FF

Tetradic

#ECFFB4

#B4FFED

#C7B4FF

#FFB4C7

Color Blindness Simulation

Original

#ECFFB4

Protanopia

#F4F4C6

Deuteranopia

#F3F2CA

Tritanopia

#EDD4D8

Achromatopsia

#F6F6F6

CSS Usage

background-color: #ECFFB4;
color: #ECFFB4;
border-color: #ECFFB4;
Nearest Tailwind: Lime 200 #D9F99D

Tailwind Shades

50
#FBFEF1
100
#F5FCDE
200
#EDFFB8
300
#E0FF85
400
#CFFF42
500
#BEFF00
600
#98CC00
700
#7AA300
800
#5F8000
900
#465C05
950
#2C3A03

Contrast Checker

Text on white

1,08:1

AA Fail AAA Fail

Text on black

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