#48B2DB Color

Color Information

HEX#48B2DB
RGB72, 178, 219
HSL197° , 67% , 57%
HSV197° , 67% , 86%
CMYK67%, 19%, 0%, 14%

Lighter Shades

#5EBBDF #74C4E4 #8ACEE8 #A0D7EC #B6E0F1 #CCE9F5

Darker Shades

#3F9DC1 #3787A6 #2E728C #255D72 #1D4758 #14323D

Complementary Palette

#3E99BC #48B2DB #BC623E #DB7248 #E08662 #62BDE0

Analogous Palette

#59B19E #5EC5AF #44A7CE #48B2DB #5E74C5 #6D81CA

Triadic Palette

#3F9DC1 #48B2DB #E63DB6 #E954BF #B6E63D #A0CA36

Split Complementary Palette

#41A0C5 #48B2DB #DB4868 #DF5A77 #DBBB48 #C5A841

Square Palette

#3C96B8 #48B2DB #B553D0 #D07653 #68DB48 #80E165

Tetradic Palette

#3B92B4 #48B2DB #6934EF #DB7248 #BAEF34 #C6F259

Contrast Checker

White Background

FAIL

Example Headline (24px)

The color #48B2DB contains 72 red, 178 green, and 219 blue.

Contrast Ratio: 2.39:1

Black Background

PASS

Example Headline (24px)

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

Contrast Ratio: 8.78:1