#45B7BA

#45B7BA

Color Values

HEX

#45B7BA

RGB

69, 183, 186

HSL

181.5, 45.9%, 50.0%

HSV

181.5, 62.9%, 72.9%

CMYK

62.9%, 1.6%, 0.0%, 27.1%

OKLCH

0.717 0.1011 197.6

Properties

Cool Light Nearest: Teal Blue

Color Harmonies

Complementary

#45B7BA

#BA4845

Analogous

#45BA82

#457DBA

#45B7BA

Triadic

#45B7BA

#BA45B7

#B7BA45

Split Complementary

#45B7BA

#BA457D

#BA8245

Tetradic

#45B7BA

#8245BA

#BA4845

#7DBA45

Color Blindness Simulation

Original

#45B7BA

Protanopia

#7677B9

Deuteranopia

#7067B9

Tritanopia

#4BB9B9

Achromatopsia

#9F9F9F

CSS Usage

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

Tailwind Shades

50
#F4FAFA
100
#E6F4F4
200
#CBEBEC
300
#A6DCDE
400
#75CACC
500
#45B7BA
600
#379295
700
#2C7577
800
#225C5D
900
#1C4344
950
#122B2B

Contrast Checker

Text on white

2.4:1

AA Fail AAA Fail

Text on black

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