#45FC86

#45FC86

Color Values

HEX

#45FC86

RGB

69, 252, 134

HSL

141.3, 96.8%, 62.9%

HSV

141.3, 72.6%, 98.8%

CMYK

72.6%, 0.0%, 46.8%, 1.2%

OKLCH

0.8752 0.2159 150.5

Properties

Cool Light Nearest: springgreen 2

Color Harmonies

Complementary

#45FC86

#FC45BB

Analogous

#5FFC45

#45FCE1

#45FC86

Triadic

#45FC86

#8645FC

#FC8645

Split Complementary

#45FC86

#E145FC

#FC455F

Tetradic

#45FC86

#455FFC

#FC45BB

#FCE145

Color Blindness Simulation

Original

#45FC86

Protanopia

#9496A3

Deuteranopia

#8A7CA9

Tritanopia

#4EB9BE

Achromatopsia

#CDCDCD

CSS Usage

background-color: #45FC86;
color: #45FC86;
border-color: #45FC86;
Nearest Tailwind: Green 400 #4ADE80

Tailwind Shades

50
#F1FEF6
100
#DEFCE9
200
#B9FED1
300
#87FDB1
400
#45FC86
500
#04FB5C
600
#03C949
700
#03A13B
800
#027D2E
900
#065B24
950
#043917

Contrast Checker

Text on white

1.35:1

AA Fail AAA Fail

Text on black

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