#45ADE1 Color

Color Information

HEX	#45ADE1
RGB	69, 173, 225
HSL	200° , 72% , 58%
HSV	200° , 69% , 88%
CMYK	69%, 23%, 0%, 12%

Lighter Shades

#5BB7E5 #72C1E8 #88CBEC #9ED4EF #B5DEF3 #CBE8F7

Darker Shades

#3D98C6 #3483AB #2C6F90 #245A75 #1C455A #13303F

Complementary Palette

#3B95C2 #45ADE1 #C2693D #E17A47 #E58D61 #5FB8E5

Analogous Palette

#57B7A7 #5CCCB9 #41A3D4 #45ADE1 #5C6FCC #6879CF

Triadic Palette

#3D98C6 #45ADE1 #EC3CB1 #EE53BA #B1EC3C #9CD035

Split Complementary Palette

#3E9CCB #45ADE1 #E14760 #E45970 #E1C747 #CBB340

Square Palette

#3A91BD #45ADE1 #C051D6 #D67E51 #60E147 #79E664

Tetradic Palette

#398EB9 #45ADE1 #7434F4 #E17A47 #B4F434 #C2F659

Contrast Checker

White Background

FAIL

Example Headline (24px)

The color #45ADE1 contains 69 red, 173 green, and 225 blue.

Contrast Ratio: 2.49:1

Black Background

PASS

Example Headline (24px)

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

Contrast Ratio: 8.43:1