#48B7DE Color

Color Information

HEX#48B7DE
RGB72, 183, 222
HSL196° , 69% , 58%
HSV196° , 68% , 87%
CMYK68%, 18%, 0%, 13%

Lighter Shades

#5EC0E2 #74C8E6 #8AD1EA #A0DAEE #B6E2F2 #CCEBF6

Darker Shades

#3FA1C3 #378BA9 #2E758E #255F73 #1D4959 #14333E

Complementary Palette

#3E9DBF #48B7DE #BF6140 #DE714A #E38563 #62C1E3

Analogous Palette

#5BB39F #5FC8B0 #44ACD1 #48B7DE #5F78C8 #6A81CD

Triadic Palette

#3FA1C3 #48B7DE #E93FBB #EC56C3 #BBE93F #A5CD37

Split Complementary Palette

#41A5C8 #48B7DE #DE4A6C #E15C7B #DEBB4A #C8A843

Square Palette

#3C9ABA #48B7DE #B655D3 #D37655 #6CDE4A #84E367

Tetradic Palette

#3B96B6 #48B7DE #6837F1 #DE714A #BFF137 #CBF45B

Contrast Checker

White Background

FAIL

Example Headline (24px)

The color #48B7DE contains 72 red, 183 green, and 222 blue.

Contrast Ratio: 2.28:1

Black Background

PASS

Example Headline (24px)

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

Contrast Ratio: 9.22:1