#48A9E1 Color

Color Information

HEX#48A9E1
RGB72, 169, 225
HSL202° , 72% , 58%
HSV202° , 68% , 88%
CMYK68%, 25%, 0%, 12%

Lighter Shades

#5EB3E5 #74BEE8 #8AC8EC #A0D2EF #B6DDF3 #CCE7F7

Darker Shades

#3F95C6 #3780AB #2E6C90 #255875 #1D445A #142F3F

Complementary Palette

#3E91C2 #48A9E1 #C26D3D #E17F47 #E59161 #62B5E5

Analogous Palette

#57B7AA #5CCCBD #449FD4 #48A9E1 #5C6BCC #6876CF

Triadic Palette

#3F95C6 #48A9E1 #EC3CAB #EE53B5 #ABEC3C #96D035

Split Complementary Palette

#4198CB #48A9E1 #E1475B #E4596B #E1CC47 #CBB840

Square Palette

#3C8EBD #48A9E1 #C551D6 #D68251 #5BE147 #75E664

Tetradic Palette

#3B8BB9 #48A9E1 #7A34F4 #E17F47 #AEF434 #BDF659

Contrast Checker

White Background

FAIL

Example Headline (24px)

The color #48A9E1 contains 72 red, 169 green, and 225 blue.

Contrast Ratio: 2.58:1

Black Background

PASS

Example Headline (24px)

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

Contrast Ratio: 8.15:1