#488A6D Color

Color Information

HEX#488A6D
RGB72, 138, 109
HSL154° , 31% , 41%
HSV154° , 48% , 54%
CMYK48%, 0%, 21%, 46%

Lighter Shades

#5E987F #74A690 #8AB4A2 #A0C2B3 #B6D0C5 #CCDED6

Darker Shades

#3F7960 #376953 #2E5846 #254839 #1D372C #14271F

Complementary Palette

#3E775E #488A6D #763E56 #894864 #9A627A #629A81

Analogous Palette

#526F54 #59785B #448266 #488A6D #597678 #648587

Triadic Palette

#3F7960 #488A6D #6E3E93 #7F55A0 #936E3E #816137

Split Complementary Palette

#417C62 #488A6D #894885 #955A91 #894C48 #7B4441

Square Palette

#3C745C #488A6D #56537F #7F5366 #858948 #999C65

Tetradic Palette

#3B7159 #488A6D #35629C #894864 #9C6F35 #AE8959

Contrast Checker

White Background

FAIL

Example Headline (24px)

The color #488A6D contains 72 red, 138 green, and 109 blue.

Contrast Ratio: 4.05:1

Black Background

PASS

Example Headline (24px)

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

Contrast Ratio: 5.19:1