#EBF882

#EBF882

Color Values

HEX

#EBF882

RGB

235, 248, 130

HSL

66,6, 89,4%, 74,1%

HSV

66,6, 47,6%, 97,3%

CMYK

5,2%, 0,0%, 47,6%, 2,7%

OKLCH

0,9453 0,1431 114,3

Properties

Cool Light Nearest: Canary

Color Harmonies

Complementary

#EBF882

#8F82F8

Analogous

#F8CA82

#B0F882

#EBF882

Triadic

#EBF882

#82EBF8

#F882EB

Split Complementary

#EBF882

#82B0F8

#CA82F8

Tetradic

#EBF882

#82F8CA

#8F82F8

#F882B0

Color Blindness Simulation

Original

#EBF882

Protanopia

#F1F19F

Deuteranopia

#F0EFA5

Tritanopia

#ECB5BA

Achromatopsia

#EDEDED

CSS Usage

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

Tailwind Shades

50
#FCFDF2
100
#F8FBE0
200
#F4FBBB
300
#ECF98B
400
#E2F54C
500
#D8F10E
600
#ADC10B
700
#8B9B09
800
#6C7907
900
#4F5709
950
#323706

Contrast Checker

Text on white

1,15:1

AA Fail AAA Fail

Text on black

18,28:1

AA Pass AAA Pass

Related Articles

Tutorials

Responsive Color: Adapting Colors for Different Screens

Янв 23, 2026
Tutorials

Color for Data Storytelling: Beyond Default Chart Colors

Янв 21, 2026
Tutorials

How to Choose Brand Colors: A Step-by-Step Guide

Янв 18, 2026