#45FD83

#45FD83

Color Values

HEX

#45FD83

RGB

69, 253, 131

HSL

140.2, 97.9%, 63.1%

HSV

140.2, 72.7%, 99.2%

CMYK

72.7%, 0.0%, 48.2%, 0.8%

OKLCH

0.8773 0.2197 149.9

Properties

Cool Light Nearest: springgreen 2

Color Harmonies

Complementary

#45FD83

#FD45BF

Analogous

#63FD45

#45FDDF

#45FD83

Triadic

#45FD83

#8345FD

#FD8345

Split Complementary

#45FD83

#DF45FD

#FD4563

Tetradic

#45FD83

#4563FD

#FD45BF

#FDDF45

Color Blindness Simulation

Original

#45FD83

Protanopia

#9596A0

Deuteranopia

#8A7CA8

Tritanopia

#4EB8BD

Achromatopsia

#CDCDCD

CSS Usage

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

Tailwind Shades

50
#F1FEF5
100
#DEFCE8
200
#B8FED0
300
#86FEAE
400
#44FD82
500
#03FC57
600
#02CA45
700
#02A138
800
#017E2B
900
#065B23
950
#043A16

Contrast Checker

Text on white

1.34:1

AA Fail AAA Fail

Text on black

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