#45BA57

#45BA57

Color Values

HEX

#45BA57

RGB

69, 186, 87

HSL

129.2, 45.9%, 50.0%

HSV

129.2, 62.9%, 72.9%

CMYK

62.9%, 0.0%, 53.2%, 27.1%

OKLCH

0.7004 0.1739 146.2

Properties

Cool Light Nearest: NCS S 1060-G Bright Green

Color Harmonies

Complementary

#45BA57

#BA45A8

Analogous

#6EBA45

#45BA91

#45BA57

Triadic

#45BA57

#5745BA

#BA5745

Split Complementary

#45BA57

#9145BA

#BA456E

Tetradic

#45BA57

#456EBA

#BA45A8

#BA9145

Color Blindness Simulation

Original

#45BA57

Protanopia

#78796F

Deuteranopia

#716875

Tritanopia

#4B8286

Achromatopsia

#9A9A9A

CSS Usage

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

Tailwind Shades

50
#F4FAF5
100
#E6F4E8
200
#CBECD0
300
#A6DEAE
400
#75CC83
500
#45BA57
600
#379546
700
#2C7738
800
#225D2B
900
#1C4423
950
#122B16

Contrast Checker

Text on white

2.5:1

AA Fail AAA Fail

Text on black

8.41:1

AA Pass AAA Pass

Related Articles

Color Questions

What Is Pantone? The Universal Color Language

Feb 20, 2026
Color Questions

What Is Metamerism? Why Colors Look Different Under Different Lights

Feb 20, 2026
Color Questions

What Is Luminance? Brightness in Color Science

Feb 20, 2026