#45BCD1 Color

Color Information

HEX#45BCD1
RGB69, 188, 209
HSL189° , 60% , 55%
HSV189° , 67% , 82%
CMYK67%, 10%, 0%, 18%

Lighter Shades

#5BC4D7 #72CCDC #88D4E2 #9EDCE7 #B5E4ED #CBECF2

Darker Shades

#3DA5B8 #348F9F #2C7886 #24626D #1C4B54 #13353B

Complementary Palette

#3BA2B4 #45BCD1 #B44F3D #D15C47 #D77361 #5FC5D7

Analogous Palette

#59A68B #5EBA9A #41B1C4 #45BCD1 #5E7EBA #6D8AC0

Triadic Palette

#3DA5B8 #45BCD1 #DD3CC4 #E153CB #C4DD3C #ACC235

Split Complementary Palette

#3EA9BC #45BCD1 #D14778 #D65986 #D1A147 #BC9140

Square Palette

#3A9EB0 #45BCD1 #9D53C6 #C66453 #78D147 #8ED864

Tetradic Palette

#399AAB #45BCD1 #4E33E6 #D15C47 #CBE633 #D4EB58

Contrast Checker

White Background

FAIL

Example Headline (24px)

The color #45BCD1 contains 69 red, 188 green, and 209 blue.

Contrast Ratio: 2.21:1

Black Background

PASS

Example Headline (24px)

This shade works well for UI design, branding, typography, and digital projects.

Contrast Ratio: 9.49:1