#45FC98

#45FC98

Color Values

HEX

#45FC98

RGB

69, 252, 152

HSL

147.2, 96.8%, 62.9%

HSV

147.2, 72.6%, 98.8%

CMYK

72.6%, 0.0%, 39.7%, 1.2%

OKLCH

0.8782 0.2004 154.1

Properties

Cool Light Nearest: seagreen 1

Color Harmonies

Complementary

#45FC98

#FC45A9

Analogous

#4DFC45

#45FCF3

#45FC98

Triadic

#45FC98

#9845FC

#FC9845

Split Complementary

#45FC98

#F345FC

#FC454D

Tetradic

#45FC98

#454DFC

#FC45A9

#FCF345

Color Blindness Simulation

Original

#45FC98

Protanopia

#9496B0

Deuteranopia

#8A7CB6

Tritanopia

#4EC3C8

Achromatopsia

#CECECE

CSS Usage

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

Tailwind Shades

50
#F1FEF7
100
#DEFCEC
200
#B9FED8
300
#87FDBC
400
#45FC98
500
#04FB74
600
#03C95D
700
#03A14A
800
#027D3A
900
#065B2D
950
#04391C

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