#45BA58

#45BA58

Color Values

HEX

#45BA58

RGB

69, 186, 88

HSL

129.7, 45.9%, 50.0%

HSV

129.7, 62.9%, 72.9%

CMYK

62.9%, 0.0%, 52.7%, 27.1%

OKLCH

0.7005 0.173 146.4

Properties

Cool Light Nearest: NCS S 1060-G Bright Green

Color Harmonies

Complementary

#45BA58

#BA45A7

Analogous

#6DBA45

#45BA92

#45BA58

Triadic

#45BA58

#5845BA

#BA5845

Split Complementary

#45BA58

#9245BA

#BA456D

Tetradic

#45BA58

#456DBA

#BA45A7

#BA9245

Color Blindness Simulation

Original

#45BA58

Protanopia

#787970

Deuteranopia

#716875

Tritanopia

#4B8287

Achromatopsia

#9A9A9A

CSS Usage

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

Tailwind Shades

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

Contrast Checker

Text on white

2.49:1

AA Fail AAA Fail

Text on black

8.42:1

AA Pass AAA Pass

Related Articles

Color Questions

What Is Pantone? The Universal Color Language

2월 20, 2026
Color Questions

What Is Metamerism? Why Colors Look Different Under Different Lights

2월 20, 2026
Color Questions

What Is Luminance? Brightness in Color Science

2월 20, 2026