#45A8E2 Color

Color Information

HEX#45A8E2
RGB69, 168, 226
HSL202° , 73% , 58%
HSV202° , 69% , 89%
CMYK69%, 26%, 0%, 11%

Lighter Shades

#5BB2E5 #72BDE9 #88C7EC #9ED2F0 #B5DCF3 #CBE7F7

Darker Shades

#3D94C7 #3480AC #2C6C91 #245776 #1C435A #132F3F

Complementary Palette

#3B90C2 #45A8E2 #C26D3C #E27F46 #E69160 #5FB4E6

Analogous Palette

#56B8AB #5BCDBE #419ED4 #45A8E2 #5B6ACD #6775D0

Triadic Palette

#3D94C7 #45A8E2 #ED3BAC #EF53B6 #ACED3B #97D134

Split Complementary Palette

#3E97CB #45A8E2 #E2465B #E5596B #E2CD46 #CBB93F

Square Palette

#3A8DBE #45A8E2 #C550D7 #D78250 #5BE246 #75E764

Tetradic Palette

#398AB9 #45A8E2 #7A32F5 #E27F46 #AEF532 #BDF757

Contrast Checker

White Background

FAIL

Example Headline (24px)

The color #45A8E2 contains 69 red, 168 green, and 226 blue.

Contrast Ratio: 2.61:1

Black Background

PASS

Example Headline (24px)

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

Contrast Ratio: 8.06:1