#45FD7B

#45FD7B

Color Values

HEX

#45FD7B

RGB

69, 253, 123

HSL

137.6, 97.9%, 63.1%

HSV

137.6, 72.7%, 99.2%

CMYK

72.7%, 0.0%, 51.4%, 0.8%

OKLCH

0.8761 0.2264 148.6

Properties

Cool Light Nearest: springgreen

Color Harmonies

Complementary

#45FD7B

#FD45C7

Analogous

#6BFD45

#45FDD7

#45FD7B

Triadic

#45FD7B

#7B45FD

#FD7B45

Split Complementary

#45FD7B

#D745FD

#FD456B

Tetradic

#45FD7B

#456BFD

#FD45C7

#FDD745

Color Blindness Simulation

Original

#45FD7B

Protanopia

#95969A

Deuteranopia

#8A7CA2

Tritanopia

#4EB3B9

Achromatopsia

#CCCCCC

CSS Usage

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

Tailwind Shades

50
#F1FEF5
100
#DEFCE7
200
#B8FECD
300
#86FEA9
400
#44FD7A
500
#03FC4C
600
#02CA3D
700
#02A131
800
#017E26
900
#065B1F
950
#043A13

Contrast Checker

Text on white

1.35:1

AA Fail AAA Fail

Text on black

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