#ECF50A

#ECF50A

Color Values

HEX

#ECF50A

RGB

236, 245, 10

HSL

62.3, 92.2%, 50.0%

HSV

62.3, 95.9%, 96.1%

CMYK

3.7%, 0.0%, 95.9%, 3.9%

OKLCH

0.932 0.2059 112.5

Properties

Cool Light Nearest: yellow 2

Color Harmonies

Complementary

#ECF50A

#130AF5

Analogous

#F5890A

#76F50A

#ECF50A

Triadic

#ECF50A

#0AECF5

#F50AEC

Split Complementary

#ECF50A

#0A76F5

#890AF5

Tetradic

#ECF50A

#0AF589

#130AF5

#F50A76

Color Blindness Simulation

Original

#ECF50A

Protanopia

#F0F043

Deuteranopia

#EFEF50

Tritanopia

#EC707A

Achromatopsia

#E2E2E2

CSS Usage

background-color: #ECF50A;
color: #ECF50A;
border-color: #ECF50A;
Nearest Tailwind: Yellow 300 #FDE047

Tailwind Shades

50
#FDFDF1
100
#FAFBDF
200
#FAFCBA
300
#F6FA89
400
#F1F84A
500
#ECF50A
600
#BDC408
700
#979D06
800
#767B05
900
#565908
950
#363805

Contrast Checker

Text on white

1.19:1

AA Fail AAA Fail

Text on black

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