#45BA6C

#45BA6C

Color Values

HEX

#45BA6C

RGB

69, 186, 108

HSL

140.0, 45.9%, 50.0%

HSV

140.0, 62.9%, 72.9%

CMYK

62.9%, 0.0%, 41.9%, 27.1%

OKLCH

0.7038 0.1546 151.2

Properties

Cool Light Nearest: mediumseagreen

Color Harmonies

Complementary

#45BA6C

#BA4593

Analogous

#58BA45

#45BAA7

#45BA6C

Triadic

#45BA6C

#6C45BA

#BA6C45

Split Complementary

#45BA6C

#A745BA

#BA4558

Tetradic

#45BA6C

#4558BA

#BA4593

#BAA745

Color Blindness Simulation

Original

#45BA6C

Protanopia

#78797F

Deuteranopia

#716883

Tritanopia

#4B8E91

Achromatopsia

#9B9B9B

CSS Usage

background-color: #45BA6C;
color: #45BA6C;
border-color: #45BA6C;
Nearest Tailwind: Green 600 #16A34A

Tailwind Shades

50
#F4FAF6
100
#E6F4EB
200
#CBECD6
300
#A6DEB8
400
#75CC92
500
#45BA6C
600
#379556
700
#2C7745
800
#225D36
900
#1C442A
950
#122B1A

Contrast Checker

Text on white

2.47:1

AA Fail AAA Fail

Text on black

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