#45BA93

#45BA93

Color Values

HEX

#45BA93

RGB

69, 186, 147

HSL

160.0, 45.9%, 50.0%

HSV

160.0, 62.9%, 72.9%

CMYK

62.9%, 0.0%, 21.0%, 27.1%

OKLCH

0.7124 0.1202 167.5

Properties

Cool Light Nearest: Mountain Meadow

Color Harmonies

Complementary

#45BA93

#BA456C

Analogous

#45BA58

#45A7BA

#45BA93

Triadic

#45BA93

#9345BA

#BA9345

Split Complementary

#45BA93

#BA45A7

#BA5845

Tetradic

#45BA93

#5845BA

#BA456C

#A7BA45

Color Blindness Simulation

Original

#45BA93

Protanopia

#78799C

Deuteranopia

#71689F

Tritanopia

#4BA4A6

Achromatopsia

#9E9E9E

CSS Usage

background-color: #45BA93;
color: #45BA93;
border-color: #45BA93;
Nearest Tailwind: Teal 500 #14B8A6

Tailwind Shades

50
#F4FAF8
100
#E6F4EF
200
#CBECE1
300
#A6DECB
400
#75CCAF
500
#45BA93
600
#379576
700
#2C775E
800
#225D4A
900
#1C4437
950
#122B23

Contrast Checker

Text on white

2.41:1

AA Fail AAA Fail

Text on black

8.7:1

AA Pass AAA Pass

Related Articles

Color Questions

What Is Pantone? The Universal Color Language

ก.พ. 20, 2026
Color Questions

What Is Metamerism? Why Colors Look Different Under Different Lights

ก.พ. 20, 2026
Color Questions

What Is Luminance? Brightness in Color Science

ก.พ. 20, 2026