#ECF07A

#ECF07A

Color Values

HEX

#ECF07A

RGB

236, 240, 122

HSL

62.0, 79.7%, 71.0%

HSV

62.0, 49.2%, 94.1%

CMYK

1.7%, 0.0%, 49.2%, 5.9%

OKLCH

0.9283 0.1414 110.6

Properties

Cool Light Nearest: khaki 1

Color Harmonies

Complementary

#ECF07A

#7E7AF0

Analogous

#F0B97A

#B1F07A

#ECF07A

Triadic

#ECF07A

#7AECF0

#F07AEC

Split Complementary

#ECF07A

#7AB1F0

#B97AF0

Tetradic

#ECF07A

#7AF0B9

#7E7AF0

#F07AB1

Color Blindness Simulation

Original

#ECF07A

Protanopia

#EEEE97

Deuteranopia

#EEED9D

Tritanopia

#ECADB2

Achromatopsia

#E7E7E7

CSS Usage

background-color: #ECF07A;
color: #ECF07A;
border-color: #ECF07A;
Nearest Tailwind: Yellow 200 #FEF08A

Tailwind Shades

50
#FCFDF2
100
#F8F9E1
200
#F6F8BF
300
#EFF391
400
#E7EC55
500
#DEE51A
600
#B2B715
700
#8E9311
800
#6F730D
900
#51530E
950
#333509

Contrast Checker

Text on white

1.21:1

AA Fail AAA Fail

Text on black

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