#488C97 Color

Color Information

HEX#488C97
RGB72, 140, 151
HSL188° , 35% , 44%
HSV188° , 52% , 59%
CMYK52%, 7%, 0%, 41%

Lighter Shades

#5E9AA3 #74A8B0 #8AB5BC #A0C3C9 #B6D1D5 #CCDFE2

Darker Shades

#3F7B85 #376A73 #2E5A61 #25494F #1D383C #14272A

Complementary Palette

#3E7882 #488C97 #82473F #975349 #A66B62 #629CA6

Analogous Palette

#57756A #5F8175 #44848E #488C97 #5F6C81 #68768D

Triadic Palette

#3F7B85 #488C97 #A33E95 #AE55A2 #95A33E #838F37

Split Complementary Palette

#417E88 #488C97 #974966 #A15B75 #977B49 #886F42

Square Palette

#3C767F #488C97 #78548C #8C5C54 #669749 #7EA866

Tetradic Palette

#3B737C #488C97 #4535AC #975349 #9CAC35 #AEBB59

Contrast Checker

White Background

FAIL

Example Headline (24px)

The color #488C97 contains 72 red, 140 green, and 151 blue.

Contrast Ratio: 3.79:1

Black Background

PASS

Example Headline (24px)

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

Contrast Ratio: 5.54:1