#45A9D8 Color

Color Information

HEX#45A9D8
RGB69, 169, 216
HSL199° , 65% , 56%
HSV199° , 68% , 85%
CMYK68%, 22%, 0%, 15%

Lighter Shades

#5BB3DD #72BEE1 #88C8E6 #9ED2EB #B5DDEF #CBE7F4

Darker Shades

#3D95BE #3480A4 #2C6C8A #245870 #1C4456 #132F3C

Complementary Palette

#3B91BA #45A9D8 #BA643C #D87446 #DD8760 #5FB5DD

Analogous Palette

#5AAFA0 #5CC1AF #419FCB #45A9D8 #5C6FC1 #6B7CC7

Triadic Palette

#3D95BE #45A9D8 #E33BAE #E653B8 #AEE33B #99C834

Split Complementary Palette

#3E98C2 #45A9D8 #D84661 #DC5971 #D8BD46 #C2AA3F

Square Palette

#3A8EB5 #45A9D8 #B651CD #CD7851 #61D846 #7ADE64

Tetradic Palette

#398BB1 #45A9D8 #6D32EC #D87446 #B1EC32 #BFEF57

Contrast Checker

White Background

FAIL

Example Headline (24px)

The color #45A9D8 contains 69 red, 169 green, and 216 blue.

Contrast Ratio: 2.62:1

Black Background

PASS

Example Headline (24px)

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

Contrast Ratio: 8.03:1