#45AEBC

#45AEBC

Color Values

HEX

#45AEBC

RGB

69, 174, 188

HSL

187.1, 47.0%, 50.4%

HSV

187.1, 63.3%, 73.7%

CMYK

63.3%, 7.4%, 0.0%, 26.3%

OKLCH

0.696 0.097 207.4

Properties

Cool Light Nearest: Teal Blue

Color Harmonies

Complementary

#45AEBC

#BC5345

Analogous

#45BC8F

#4572BC

#45AEBC

Triadic

#45AEBC

#BC45AE

#AEBC45

Split Complementary

#45AEBC

#BC4572

#BC8F45

Tetradic

#45AEBC

#8F45BC

#BC5345

#72BC45

Color Blindness Simulation

Original

#45AEBC

Protanopia

#7273B9

Deuteranopia

#6C64B8

Tritanopia

#4AB6B5

Achromatopsia

#999999

CSS Usage

background-color: #45AEBC;
color: #45AEBC;
border-color: #45AEBC;
Nearest Tailwind: Cyan 500 #06B6D4

Tailwind Shades

50
#F4FAFA
100
#E6F3F4
200
#CBE8EC
300
#A5D8DF
400
#74C2CD
500
#44ADBB
600
#368B96
700
#2B6F78
800
#22575E
900
#1C4045
950
#12282C

Contrast Checker

Text on white

2.61:1

AA Fail AAA Fail

Text on black

8.03:1

AA Pass AAA Pass

Related Articles

Tutorials

Building a Color Picker Web Component from Scratch

Feb 20, 2026
Tutorials

Web Color Performance: Gradients, Shadows, and Filters

Feb 19, 2026
Tutorials

Tailwind CSS Colors: Complete Shade System Guide

Feb 19, 2026