#ECFA75

#ECFA75

Color Values

HEX

#ECFA75

RGB

236, 250, 117

HSL

66.3, 93.0%, 72.0%

HSV

66.3, 53.2%, 98.0%

CMYK

5.6%, 0.0%, 53.2%, 2.0%

OKLCH

0.9486 0.1574 114.4

Properties

Cool Light Nearest: Unmellow Yellow

Color Harmonies

Complementary

#ECFA75

#8375FA

Analogous

#FAC675

#AAFA75

#ECFA75

Triadic

#ECFA75

#75ECFA

#FA75EC

Split Complementary

#ECFA75

#75AAFA

#C675FA

Tetradic

#ECFA75

#75FAC6

#8375FA

#FA75AA

Color Blindness Simulation

Original

#ECFA75

Protanopia

#F2F295

Deuteranopia

#F1F09D

Tritanopia

#EDAFB4

Achromatopsia

#EDEDED

CSS Usage

background-color: #ECFA75;
color: #ECFA75;
border-color: #ECFA75;
Nearest Tailwind: Lime 300 #BEF264

Tailwind Shades

50
#FCFDF1
100
#F8FBDF
200
#F6FDBA
300
#EFFB89
400
#E6F849
500
#DDF609
600
#B1C507
700
#8E9D06
800
#6F7B04
900
#505908
950
#333805

Contrast Checker

Text on white

1.14:1

AA Fail AAA Fail

Text on black

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