#45FFA2

#45FFA2

Color Values

HEX

#45FFA2

RGB

69, 255, 162

HSL

150.0, 100.0%, 63.5%

HSV

150.0, 72.9%, 100.0%

CMYK

72.9%, 0.0%, 36.5%, 0.0%

OKLCH

0.8875 0.1954 156.1

Properties

Cool Light Nearest: seagreen 1

Color Harmonies

Complementary

#45FFA2

#FF45A2

Analogous

#45FF45

#45FFFF

#45FFA2

Triadic

#45FFA2

#A245FF

#FFA245

Split Complementary

#45FFA2

#FF45FF

#FF4545

Tetradic

#45FFA2

#4545FF

#FF45A2

#FFFF45

Color Blindness Simulation

Original

#45FFA2

Protanopia

#9697B8

Deuteranopia

#8B7DBE

Tritanopia

#4ECACE

Achromatopsia

#D1D1D1

CSS Usage

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

Tailwind Shades

50
#F1FEF7
100
#DEFCED
200
#B8FFDB
300
#85FFC2
400
#42FFA1
500
#00FF80
600
#00CC66
700
#00A352
800
#008040
900
#055C30
950
#033A1F

Contrast Checker

Text on white

1.31:1

AA Fail AAA Fail

Text on black

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