#45BA81

#45BA81

Color Values

HEX

#45BA81

RGB

69, 186, 129

HSL

150.8, 45.9%, 50.0%

HSV

150.8, 62.9%, 72.9%

CMYK

62.9%, 0.0%, 30.6%, 27.1%

OKLCH

0.708 0.1351 158.6

Properties

Cool Light Nearest: mediumseagreen

Color Harmonies

Complementary

#45BA81

#BA457E

Analogous

#45BA47

#45B8BA

#45BA81

Triadic

#45BA81

#8145BA

#BA8145

Split Complementary

#45BA81

#BA45B8

#BA4745

Tetradic

#45BA81

#4745BA

#BA457E

#B8BA45

Color Blindness Simulation

Original

#45BA81

Protanopia

#78798F

Deuteranopia

#716892

Tritanopia

#4B9A9C

Achromatopsia

#9D9D9D

CSS Usage

background-color: #45BA81;
color: #45BA81;
border-color: #45BA81;
Nearest Tailwind: Emerald 500 #10B981

Tailwind Shades

50
#F4FAF7
100
#E6F4ED
200
#CBECDC
300
#A6DEC3
400
#75CCA2
500
#45BA81
600
#379567
700
#2C7753
800
#225D41
900
#1C4431
950
#122B1F

Contrast Checker

Text on white

2.44:1

AA Fail AAA Fail

Text on black

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