#45EE56

#45EE56

Color Values

HEX

#45EE56

RGB

69, 238, 86

HSL

126.0, 83.3%, 60.2%

HSV

126.0, 71.0%, 93.3%

CMYK

71.0%, 0.0%, 63.9%, 6.7%

OKLCH

0.834 0.2375 144.4

Properties

Cool Light Nearest: limegreen

Color Harmonies

Complementary

#45EE56

#EE45DD

Analogous

#89EE45

#45EEAA

#45EE56

Triadic

#45EE56

#5645EE

#EE5645

Split Complementary

#45EE56

#AA45EE

#EE4589

Tetradic

#45EE56

#4589EE

#EE45DD

#EEAA45

Color Blindness Simulation

Original

#45EE56

Protanopia

#8E907B

Deuteranopia

#847884

Tritanopia

#4D989E

Achromatopsia

#BFBFBF

CSS Usage

background-color: #45EE56;
color: #45EE56;
border-color: #45EE56;
Nearest Tailwind: Green 500 #22C55E

Tailwind Shades

50
#F2FDF3
100
#E1FAE3
200
#BEF9C4
300
#8FF599
400
#52EF62
500
#15EA2B
600
#11BB22
700
#0E961B
800
#0B7515
900
#0C5513
950
#08360C

Contrast Checker

Text on white

1.54:1

AA Fail AAA Fail

Text on black

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