#48A6ED Color

Color Information

HEX	#48A6ED
RGB	72, 166, 237
HSL	206° , 82% , 61%
HSV	206° , 70% , 93%
CMYK	70%, 30%, 0%, 7%

Lighter Shades

#5EB1EF #74BBF1 #8AC6F3 #A0D1F6 #B6DBF8 #CCE6FA

Darker Shades

#3F92D1 #377EB4 #2E6A98 #25567B #1D425F #142E42

Complementary Palette

#3E8FCC #48A6ED #CC7D40 #ED914A #F0A063 #62B2F0

Analogous Palette

#5AC4BD #5ED9D1 #449CDF #48A6ED #5E66D9 #6A72DC

Triadic Palette

#3F92D1 #48A6ED #F740A8 #F857B2 #A8F740 #94D938

Split Complementary Palette

#4195D5 #48A6ED #ED4A55 #EF5C66 #EDE24A #D5CB43

Square Palette

#3C8BC7 #48A6ED #DA54E3 #E39254 #55ED4A #70F067

Tetradic Palette

#3B88C2 #48A6ED #8E38FF #ED914A #A9FF38 #B8FF5C

Contrast Checker

White Background

FAIL

Example Headline (24px)

The color #48A6ED contains 72 red, 166 green, and 237 blue.

Contrast Ratio: 2.61:1

Black Background

PASS

Example Headline (24px)

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

Contrast Ratio: 8.06:1