#45BF52

#45BF52

Color Values

HEX

#45BF52

RGB

69, 191, 82

HSL

126.4, 48.8%, 51.0%

HSV

126.4, 63.9%, 74.9%

CMYK

63.9%, 0.0%, 57.1%, 25.1%

OKLCH

0.7127 0.1846 145.1

Properties

Cool Light Nearest: springgreen 3

Color Harmonies

Complementary

#45BF52

#BF45B2

Analogous

#75BF45

#45BF8F

#45BF52

Triadic

#45BF52

#5245BF

#BF5245

Split Complementary

#45BF52

#8F45BF

#BF4575

Tetradic

#45BF52

#4575BF

#BF45B2

#BF8F45

Color Blindness Simulation

Original

#45BF52

Protanopia

#7A7B6C

Deuteranopia

#736A73

Tritanopia

#4B8186

Achromatopsia

#9D9D9D

CSS Usage

background-color: #45BF52;
color: #45BF52;
border-color: #45BF52;
Nearest Tailwind: Green 500 #22C55E

Tailwind Shades

50
#F4FBF5
100
#E6F5E7
200
#CAEDCE
300
#A4E0AA
400
#73CF7C
500
#41BE4F
600
#34983F
700
#2A7932
800
#215F27
900
#1B4620
950
#112C14

Contrast Checker

Text on white

2.38:1

AA Fail AAA Fail

Text on black

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