#45ACE0 Color

Color Information

HEX#45ACE0
RGB69, 172, 224
HSL200° , 71% , 57%
HSV200° , 69% , 88%
CMYK69%, 23%, 0%, 12%

Lighter Shades

#5BB6E4 #72C0E7 #88CAEB #9ED4EF #B5DEF3 #CBE8F6

Darker Shades

#3D97C5 #3483AA #2C6E8F #245974 #1C455A #13303F

Complementary Palette

#3B94C1 #45ACE0 #C0663A #DF7743 #E38A5D #5FB8E4

Analogous Palette

#55B4A4 #59C9B7 #41A2D3 #45ACE0 #596CC9 #6576CD

Triadic Palette

#3D97C5 #45ACE0 #EA39AF #ED51B9 #AFEA39 #9ACE32

Split Complementary Palette

#3E9BCA #45ACE0 #DF435D #E2566D #DFC543 #C9B13C

Square Palette

#3A90BC #45ACE0 #BE4ED4 #D47B4E #5DDF43 #77E461

Tetradic Palette

#398DB8 #45ACE0 #7130F3 #DF7743 #B2F330 #C0F555

Contrast Checker

White Background

FAIL

Example Headline (24px)

The color #45ACE0 contains 69 red, 172 green, and 224 blue.

Contrast Ratio: 2.52:1

Black Background

PASS

Example Headline (24px)

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

Contrast Ratio: 8.34:1