#45AE90

#45AE90

Color Values

HEX

#45AE90

RGB

69, 174, 144

HSL

162.9, 43.2%, 47.6%

HSV

162.9, 60.3%, 68.2%

CMYK

60.3%, 0.0%, 17.2%, 31.8%

OKLCH

0.6814 0.1071 171.1

Properties

Cool Light Nearest: Jungle Green

Color Harmonies

Complementary

#45AE90

#AE4563

Analogous

#45AE5B

#4597AE

#45AE90

Triadic

#45AE90

#9045AE

#AE9045

Split Complementary

#45AE90

#AE4597

#AE5B45

Tetradic

#45AE90

#5B45AE

#AE4563

#97AE45

Color Blindness Simulation

Original

#45AE90

Protanopia

#727397

Deuteranopia

#6C6499

Tritanopia

#4A9D9E

Achromatopsia

#969696

CSS Usage

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

Tailwind Shades

50
#F5FAF9
100
#E7F4F0
200
#CCEBE2
300
#A7DCCD
400
#78C9B2
500
#48B797
600
#3A9279
700
#2E7561
800
#245B4C
900
#1E4339
950
#132A24

Contrast Checker

Text on white

2.72:1

AA Fail AAA Fail

Text on black

7.71:1

AA Pass AAA Pass

Related Articles

Brand Stories

Pantone Colors by Decade: The 2000s, 2010s, and 2020s Compared

Feb 01, 2026
Tutorials

Responsive Color: Adapting Colors for Different Screens

Jan 23, 2026
Tutorials

Color for Data Storytelling: Beyond Default Chart Colors

Jan 21, 2026