#45A2D3 Color

Color Information

HEX#45A2D3
RGB69, 162, 211
HSL201° , 62% , 55%
HSV201° , 67% , 83%
CMYK67%, 23%, 0%, 17%

Lighter Shades

#5BADD8 #72B8DE #88C3E3 #9ECFE8 #B5DAED #CBE5F3

Darker Shades

#3D8FBA #347BA0 #2C6887 #24546E #1C4154 #132D3B

Complementary Palette

#3B8BB5 #45A2D3 #B5663B #D37745 #D98A5F #5FAFD9

Analogous Palette

#57A89C #5CBCAE #4198C6 #45A2D3 #5C6BBC #6B78C2

Triadic Palette

#3D8FBA #45A2D3 #DF3AA5 #E352B0 #A5DF3A #91C433

Split Complementary Palette

#3E92BE #45A2D3 #D3455A #D7586B #D3BE45 #BEAB3E

Square Palette

#3A88B1 #45A2D3 #B651C8 #C87A51 #5AD345 #74DA63

Tetradic Palette

#3985AD #45A2D3 #7130E8 #D37745 #A8E830 #B8EC55

Contrast Checker

White Background

FAIL

Example Headline (24px)

The color #45A2D3 contains 69 red, 162 green, and 211 blue.

Contrast Ratio: 2.81:1

Black Background

PASS

Example Headline (24px)

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

Contrast Ratio: 7.46:1