#488B9E Color

Color Information

HEX#488B9E
RGB72, 139, 158
HSL193° , 37% , 45%
HSV193° , 54% , 62%
CMYK54%, 12%, 0%, 38%

Lighter Shades

#5E99AA #74A7B5 #8AB5C1 #A0C3CD #B6D1D8 #CCDFE4

Darker Shades

#3F7A8B #376A78 #2E5965 #254852 #1D383F #14272C

Complementary Palette

#3E7888 #488B9E #874E3E #9D5B48 #AB7262 #629BAC

Analogous Palette

#577A70 #5F867B #448395 #488B9E #5F6A86 #6A7590

Triadic Palette

#3F7A8B #488B9E #A93D91 #B3549E #91A93D #809536

Split Complementary Palette

#417D8E #488B9E #9D4860 #A75A70 #9D8548 #8D7841

Square Palette

#3C7585 #488B9E #805492 #926154 #609D48 #79AD65

Tetradic Palette

#3B7282 #488B9E #4F34B2 #9D5B48 #97B234 #AAC059

Contrast Checker

White Background

FAIL

Example Headline (24px)

The color #488B9E contains 72 red, 139 green, and 158 blue.

Contrast Ratio: 3.8:1

Black Background

PASS

Example Headline (24px)

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

Contrast Ratio: 5.53:1