#ECFB46

#ECFB46

Color Values

HEX

#ECFB46

RGB

236, 251, 70

HSL

65.0, 95.8%, 62.9%

HSV

65.0, 72.1%, 98.4%

CMYK

6.0%, 0.0%, 72.1%, 1.6%

OKLCH

0.9468 0.1926 114.3

Properties

Cool Light Nearest: RAL 1018 Zinc Yellow

Color Harmonies

Complementary

#ECFB46

#5546FB

Analogous

#FBB046

#91FB46

#ECFB46

Triadic

#ECFB46

#46ECFB

#FB46EC

Split Complementary

#ECFB46

#4691FB

#B046FB

Tetradic

#ECFB46

#46FBB0

#5546FB

#FB4691

Color Blindness Simulation

Original

#ECFB46

Protanopia

#F2F372

Deuteranopia

#F2F07C

Tritanopia

#ED949C

Achromatopsia

#EBEBEB

CSS Usage

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

Tailwind Shades

50
#FDFEF1
100
#F9FCDF
200
#F8FEB9
300
#F3FC87
400
#ECFB46
500
#E5FA05
600
#B7C804
700
#93A003
800
#737D03
900
#535A07
950
#353904

Contrast Checker

Text on white

1.14:1

AA Fail AAA Fail

Text on black

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