#48A2E9 Color

Color Information

HEX	#48A2E9
RGB	72, 162, 233
HSL	206° , 79% , 60%
HSV	206° , 69% , 91%
CMYK	69%, 30%, 0%, 9%

Lighter Shades

#5EADEC #74B8EE #8AC3F1 #A0CFF4 #B6DAF6 #CCE5F9

Darker Shades

#3F8FCD #377BB1 #2E6895 #255479 #1D415D #142D41

Complementary Palette

#3E8BC8 #48A2E9 #C97A3E #EA8E48 #ED9E62 #62AFEC

Analogous Palette

#59C0B9 #5DD5CD #4498DB #48A2E9 #5D65D5 #6870D9

Triadic Palette

#3F8FCD #48A2E9 #F43EA5 #F555B0 #A5F43E #91D737

Split Complementary Palette

#4192D2 #48A2E9 #EA4853 #EC5A64 #EADF48 #D3C941

Square Palette

#3C88C4 #48A2E9 #D653DF #DF9053 #53EA48 #6FED65

Tetradic Palette

#3B85BF #48A2E9 #8C36FC #EA8E48 #A6FC36 #B6FD5A

Contrast Checker

White Background

FAIL

Example Headline (24px)

The color #48A2E9 contains 72 red, 162 green, and 233 blue.

Contrast Ratio: 2.72:1

Black Background

PASS

Example Headline (24px)

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

Contrast Ratio: 7.72:1