#45BAB0

#45BAB0

Color Values

HEX

#45BAB0

RGB

69, 186, 176

HSL

174.9, 45.9%, 50.0%

HSV

174.9, 62.9%, 72.9%

CMYK

62.9%, 0.0%, 5.4%, 27.1%

OKLCH

0.721 0.1048 187.2

Properties

Cool Light Nearest: lightseagreen

Color Harmonies

Complementary

#45BAB0

#BA454F

Analogous

#45BA76

#4589BA

#45BAB0

Triadic

#45BAB0

#B045BA

#BAB045

Split Complementary

#45BAB0

#BA4589

#BA7645

Tetradic

#45BAB0

#7645BA

#BA454F

#89BA45

Color Blindness Simulation

Original

#45BAB0

Protanopia

#7879B2

Deuteranopia

#7168B3

Tritanopia

#4BB4B5

Achromatopsia

#A0A0A0

CSS Usage

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

Tailwind Shades

50
#F4FAFA
100
#E6F4F3
200
#CBECE9
300
#A6DED9
400
#75CCC5
500
#45BAB0
600
#37958D
700
#2C7771
800
#225D58
900
#1C4441
950
#122B29

Contrast Checker

Text on white

2.36:1

AA Fail AAA Fail

Text on black

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