#48A9E0 Color

Color Information

HEX	#48A9E0
RGB	72, 169, 224
HSL	202° , 71% , 58%
HSV	202° , 68% , 88%
CMYK	68%, 25%, 0%, 12%

Lighter Shades

#5EB3E4 #74BEE7 #8AC8EB #A0D2EF #B6DDF3 #CCE7F6

Darker Shades

#3F95C5 #3780AA #2E6C8F #255874 #1D445A #142F3F

Complementary Palette

#3E91C1 #48A9E0 #C16E3E #E08048 #E49262 #62B5E4

Analogous Palette

#58B6A9 #5DCBBC #449FD3 #48A9E0 #5D6CCB #6976CE

Triadic Palette

#3F95C5 #48A9E0 #EB3DAB #ED54B5 #ABEB3D #96CF36

Split Complementary Palette

#4198CA #48A9E0 #E0485C #E35A6C #E0CC48 #CAB841

Square Palette

#3C8EBC #48A9E0 #C453D5 #D58253 #5CE048 #76E565

Tetradic Palette

#3B8BB8 #48A9E0 #7A35F3 #E08048 #ADF335 #BCF559

Contrast Checker

White Background

FAIL

Example Headline (24px)

The color #48A9E0 contains 72 red, 169 green, and 224 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.14:1