#45B7CD

#45B7CD

Color Values

HEX

#45B7CD

RGB

69, 183, 205

HSL

189.7, 57.6%, 53.7%

HSV

189.7, 66.3%, 80.4%

CMYK

66.3%, 10.7%, 0.0%, 19.6%

OKLCH

0.7241 0.1053 212.8

Properties

Cool Light Nearest: Pacific Blue

Color Harmonies

Complementary

#45B7CD

#CD5B45

Analogous

#45CD9F

#4573CD

#45B7CD

Triadic

#45B7CD

#CD45B7

#B7CD45

Split Complementary

#45B7CD

#CD4573

#CD9F45

Tetradic

#45B7CD

#9F45CD

#CD5B45

#73CD45

Color Blindness Simulation

Original

#45B7CD

Protanopia

#7677C8

Deuteranopia

#7067C6

Tritanopia

#4BC3C3

Achromatopsia

#A0A0A0

CSS Usage

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

Tailwind Shades

50
#F4FAFB
100
#E4F3F6
200
#C7E9F0
300
#9FDAE5
400
#6AC5D7
500
#36B1C9
600
#2B8EA1
700
#237181
800
#1B5964
900
#17414A
950
#0F292E

Contrast Checker

Text on white

2.36:1

AA Fail AAA Fail

Text on black

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