#45BA6F

#45BA6F

Color Values

HEX

#45BA6F

RGB

69, 186, 111

HSL

141.5, 45.9%, 50.0%

HSV

141.5, 62.9%, 72.9%

CMYK

62.9%, 0.0%, 40.3%, 27.1%

OKLCH

0.7043 0.1517 152.1

Properties

Cool Light Nearest: mediumseagreen

Color Harmonies

Complementary

#45BA6F

#BA4590

Analogous

#56BA45

#45BAA9

#45BA6F

Triadic

#45BA6F

#6F45BA

#BA6F45

Split Complementary

#45BA6F

#A945BA

#BA4556

Tetradic

#45BA6F

#4556BA

#BA4590

#BAA945

Color Blindness Simulation

Original

#45BA6F

Protanopia

#787981

Deuteranopia

#716886

Tritanopia

#4B8F93

Achromatopsia

#9C9C9C

CSS Usage

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

Tailwind Shades

50
#F4FAF7
100
#E6F4EB
200
#CBECD7
300
#A6DEBA
400
#75CC94
500
#45BA6F
600
#379559
700
#2C7747
800
#225D37
900
#1C442B
950
#122B1B

Contrast Checker

Text on white

2.47:1

AA Fail AAA Fail

Text on black

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