#45FC85

#45FC85

Color Values

HEX

#45FC85

RGB

69, 252, 133

HSL

141.0, 96.8%, 62.9%

HSV

141.0, 72.6%, 98.8%

CMYK

72.6%, 0.0%, 47.2%, 1.2%

OKLCH

0.8751 0.2168 150.3

Properties

Cool Light Nearest: springgreen 2

Color Harmonies

Complementary

#45FC85

#FC45BC

Analogous

#60FC45

#45FCE0

#45FC85

Triadic

#45FC85

#8545FC

#FC8545

Split Complementary

#45FC85

#E045FC

#FC4560

Tetradic

#45FC85

#4560FC

#FC45BC

#FCE045

Color Blindness Simulation

Original

#45FC85

Protanopia

#9496A2

Deuteranopia

#8A7CA9

Tritanopia

#4EB9BE

Achromatopsia

#CDCDCD

CSS Usage

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

Tailwind Shades

50
#F1FEF5
100
#DEFCE9
200
#B9FED1
300
#87FDB0
400
#45FC85
500
#04FB5A
600
#03C948
700
#03A13A
800
#027D2D
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