#45BCB6

#45BCB6

Color Values

HEX

#45BCB6

RGB

69, 188, 182

HSL

177.0, 47.0%, 50.4%

HSV

177.0, 63.3%, 73.7%

CMYK

63.3%, 0.0%, 3.2%, 26.3%

OKLCH

0.7278 0.1051 190.4

Properties

Cool Light Nearest: lightseagreen

Color Harmonies

Complementary

#45BCB6

#BC454B

Analogous

#45BC7B

#4586BC

#45BCB6

Triadic

#45BCB6

#B645BC

#BCB645

Split Complementary

#45BCB6

#BC4586

#BC7B45

Tetradic

#45BCB6

#7B45BC

#BC454B

#86BC45

Color Blindness Simulation

Original

#45BCB6

Protanopia

#797AB7

Deuteranopia

#7269B8

Tritanopia

#4BB9B9

Achromatopsia

#A2A2A2

CSS Usage

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

Tailwind Shades

50
#F4FAFA
100
#E6F4F4
200
#CBECEA
300
#A5DFDC
400
#74CDC9
500
#44BBB5
600
#369691
700
#2B7874
800
#225E5B
900
#1C4543
950
#122C2A

Contrast Checker

Text on white

2.3:1

AA Fail AAA Fail

Text on black

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