#45A5F0 Color

Color Information

HEX	#45A5F0
RGB	69, 165, 240
HSL	206° , 85% , 61%
HSV	206° , 71% , 94%
CMYK	71%, 31%, 0%, 6%

Lighter Shades

#5BB0F2 #72BBF4 #88C5F5 #9ED0F7 #B5DBF9 #CBE6FB

Darker Shades

#3D91D3 #347DB6 #2C6A9A #24567D #1C4260 #132E43

Complementary Palette

#3B8ECE #45A5F0 #CE7C3D #F09047 #F2A061 #5FB2F2

Analogous Palette

#57C7BF #5BDCD4 #419BE2 #45A5F0 #5B64DC #686FDF

Triadic Palette

#3D91D3 #45A5F0 #FA3DA8 #FB54B2 #A8FA3D #94DC36

Split Complementary Palette

#3E95D8 #45A5F0 #F04752 #F25963 #F0E547 #D8CE40

Square Palette

#3A8BCA #45A5F0 #DC51E6 #E69251 #52F047 #6EF264

Tetradic Palette

#3987C5 #45A5F0 #8E38FF #F09047 #A9FF38 #B8FF5C

Contrast Checker

White Background

FAIL

Example Headline (24px)

The color #45A5F0 contains 69 red, 165 green, and 240 blue.

Contrast Ratio: 2.63:1

Black Background

PASS

Example Headline (24px)

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

Contrast Ratio: 7.99:1