#45FC4E

#45FC4E

Color Values

HEX

#45FC4E

RGB

69, 252, 78

HSL

123.0, 96.8%, 62.9%

HSV

123.0, 72.6%, 98.8%

CMYK

72.6%, 0.0%, 69.0%, 1.2%

OKLCH

0.8687 0.258 143.5

Properties

Cool Light Nearest: green 2

Color Harmonies

Complementary

#45FC4E

#FC45F3

Analogous

#97FC45

#45FCAA

#45FC4E

Triadic

#45FC4E

#4E45FC

#FC4E45

Split Complementary

#45FC4E

#AA45FC

#FC4597

Tetradic

#45FC4E

#4597FC

#FC45F3

#FCAA45

Color Blindness Simulation

Original

#45FC4E

Protanopia

#949678

Deuteranopia

#8A7C82

Tritanopia

#4E99A1

Achromatopsia

#C9C9C9

CSS Usage

background-color: #45FC4E;
color: #45FC4E;
border-color: #45FC4E;
Nearest Tailwind: Lime 400 #A3E635

Tailwind Shades

50
#F1FEF2
100
#DEFCE0
200
#B9FEBC
300
#87FD8C
400
#45FC4E
500
#04FB10
600
#03C90D
700
#03A10B
800
#027D08
900
#065B0A
950
#043907

Contrast Checker

Text on white

1.37:1

AA Fail AAA Fail

Text on black

15.29:1

AA Pass AAA Pass

Related Articles

Tutorials

CSS color-mix(): Blend Colors Natively in the Browser

Jan 26, 2026
Tutorials

Building a Color Picker Web Component from Scratch

Jan 21, 2026
Tutorials

Perceptual Color Spaces: Lab, LCH, Oklab, OKLCH

Jan 15, 2026