#45FC94

#45FC94

Color Values

HEX

#45FC94

RGB

69, 252, 148

HSL

145.9, 96.8%, 62.9%

HSV

145.9, 72.6%, 98.8%

CMYK

72.6%, 0.0%, 41.3%, 1.2%

OKLCH

0.8775 0.2038 153.3

Properties

Cool Light Nearest: seagreen 1

Color Harmonies

Complementary

#45FC94

#FC45AD

Analogous

#51FC45

#45FCEF

#45FC94

Triadic

#45FC94

#9445FC

#FC9445

Split Complementary

#45FC94

#EF45FC

#FC4551

Tetradic

#45FC94

#4551FC

#FC45AD

#FCEF45

Color Blindness Simulation

Original

#45FC94

Protanopia

#9496AD

Deuteranopia

#8A7CB3

Tritanopia

#4EC1C5

Achromatopsia

#CECECE

CSS Usage

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

Tailwind Shades

50
#F1FEF6
100
#DEFCEB
200
#B9FED7
300
#87FDBA
400
#45FC94
500
#04FB6F
600
#03C959
700
#03A147
800
#027D37
900
#065B2B
950
#04391B

Contrast Checker

Text on white

1.35:1

AA Fail AAA Fail

Text on black

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