#668A80 Color

Color Information

HEX	#668A80
RGB	102, 138, 128
HSL	163° , 15% , 47%
HSV	163° , 26% , 54%
CMYK	26%, 0%, 7%, 46%

Lighter Shades

#78988F #8BA69E #9DB4AE #AFC2BD #C2D0CC #D4DEDB

Darker Shades

#5A7971 #4E6961 #415852 #354843 #293733 #1D2724

Complementary Palette

#58776E #668A80 #775860 #8A6670 #9A7B84 #7B9A92

Analogous Palette

#5D7E64 #668A6E #608278 #668A80 #66828A #6F8D95

Triadic Palette

#5A7971 #668A80 #855A96 #946EA3 #96855A #84754F

Split Complementary Palette

#5C7C73 #668A80 #8A6682 #96758F #8A6E66 #7C635C

Square Palette

#56746C #668A80 #6E668A #8A6670 #828A66 #969D7E

Tetradic Palette

#547169 #668A80 #50679F #8A6670 #9F8950 #B09E70

Contrast Checker

White Background

FAIL

Example Headline (24px)

The color #668A80 contains 102 red, 138 green, and 128 blue.

Contrast Ratio: 3.76:1

Black Background

PASS

Example Headline (24px)

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

Contrast Ratio: 5.59:1