#48A2BB Color

Color Information

HEX#48A2BB
RGB72, 162, 187
HSL193° , 46% , 51%
HSV193° , 61% , 73%
CMYK61%, 13%, 0%, 27%

Lighter Shades

#5EADC3 #74B8CB #8AC3D3 #A0CFDC #B6DAE4 #CCE5EC

Darker Shades

#3F8FA5 #377B8E #2E6878 #255461 #1D414B #142D34

Complementary Palette

#3E8BA1 #48A2BB #A2533F #BC6149 #C57762 #62AFC5

Analogous Palette

#5B9584 #62A390 #4498B0 #48A2BB #6274A3 #6E7FAA

Triadic Palette

#3F8FA5 #48A2BB #C83CAA #CF53B4 #AAC83C #96B035

Split Complementary Palette

#4192A8 #48A2BB #BC4969 #C35B78 #BC9B49 #A98C42

Square Palette

#3C889D #48A2BB #9655AF #AF6955 #69BC49 #81C766

Tetradic Palette

#3B8599 #48A2BB #5532D2 #BC6149 #AFD232 #BDDA57

Contrast Checker

White Background

FAIL

Example Headline (24px)

The color #48A2BB contains 72 red, 162 green, and 187 blue.

Contrast Ratio: 2.89:1

Black Background

PASS

Example Headline (24px)

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

Contrast Ratio: 7.27:1