#45FC9B

#45FC9B

Color Values

HEX

#45FC9B

RGB

69, 252, 155

HSL

148.2, 96.8%, 62.9%

HSV

148.2, 72.6%, 98.8%

CMYK

72.6%, 0.0%, 38.5%, 1.2%

OKLCH

0.8788 0.1978 154.8

Properties

Cool Light Nearest: seagreen 1

Color Harmonies

Complementary

#45FC9B

#FC45A6

Analogous

#4AFC45

#45FCF6

#45FC9B

Triadic

#45FC9B

#9B45FC

#FC9B45

Split Complementary

#45FC9B

#F645FC

#FC454A

Tetradic

#45FC9B

#454AFC

#FC45A6

#FCF645

Color Blindness Simulation

Original

#45FC9B

Protanopia

#9496B2

Deuteranopia

#8A7CB8

Tritanopia

#4EC5C9

Achromatopsia

#CECECE

CSS Usage

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

Tailwind Shades

50
#F1FEF7
100
#DEFCEC
200
#B9FED9
300
#87FDBE
400
#45FC9B
500
#04FB78
600
#03C960
700
#03A14D
800
#027D3C
900
#065B2E
950
#04391D

Contrast Checker

Text on white

1.34:1

AA Fail AAA Fail

Text on black

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