#48A2CB Color

Color Information

HEX#48A2CB
RGB72, 162, 203
HSL199° , 56% , 54%
HSV199° , 65% , 80%
CMYK65%, 20%, 0%, 20%

Lighter Shades

#5EADD1 #74B8D7 #8AC3DE #A0CFE4 #B6DAEA #CCE5F0

Darker Shades

#3F8FB3 #377B9A #2E6882 #25546A #1D4151 #142D39

Complementary Palette

#3E8BAF #48A2CB #AF623E #CB7248 #D28662 #62AFD2

Analogous Palette

#5CA396 #5FB4A4 #4498BF #48A2CB #5F6FB4 #6D7BBA

Triadic Palette

#3F8FB3 #48A2CB #D73CA6 #DC53B1 #A6D73C #92BD35

Split Complementary Palette

#4192B7 #48A2CB #CB4860 #D05A70 #CBB348 #B7A141

Square Palette

#3C88AB #48A2CB #AC54C0 #C07654 #60CB48 #79D365

Tetradic Palette

#3B85A6 #48A2CB #6A33E1 #CB7248 #AAE133 #B9E658

Contrast Checker

White Background

FAIL

Example Headline (24px)

The color #48A2CB contains 72 red, 162 green, and 203 blue.

Contrast Ratio: 2.83:1

Black Background

PASS

Example Headline (24px)

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

Contrast Ratio: 7.41:1