#488F8A Color

Color Information

HEX#488F8A
RGB72, 143, 138
HSL176° , 33% , 42%
HSV176° , 50% , 56%
CMYK50%, 0%, 3%, 44%

Lighter Shades

#5E9C98 #74AAA6 #8AB7B4 #A0C5C2 #B6D2D0 #CCE0DE

Darker Shades

#3F7E79 #376D69 #2E5C58 #254A48 #1D3937 #142827

Complementary Palette

#3E7B77 #488F8A #7A3E41 #8E484C #9E6265 #629F9A

Analogous Palette

#557261 #5B7B69 #448682 #488F8A #5B6D7B #667A8A

Triadic Palette

#3F7E79 #488F8A #953D99 #A254A5 #99953D #878336

Split Complementary Palette

#41817C #488F8A #8E4870 #995A7E #8E6648 #805C41

Square Palette

#3C7874 #488F8A #685284 #845255 #708E48 #87A065

Tetradic Palette

#3B7571 #488F8A #343AA2 #8E484C #A29C34 #B3AE59

Contrast Checker

White Background

FAIL

Example Headline (24px)

The color #488F8A contains 72 red, 143 green, and 138 blue.

Contrast Ratio: 3.72:1

Black Background

PASS

Example Headline (24px)

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

Contrast Ratio: 5.64:1