#6AA080 Color

Color Information

HEX	#6AA080
RGB	106, 160, 128
HSL	144° , 22% , 52%
HSV	144° , 34% , 63%
CMYK	34%, 0%, 20%, 37%

Lighter Shades

#7CAB8F #8EB79E #A0C2AE #B2CEBD #C3D9CC #D5E4DB

Darker Shades

#5D8D71 #517A61 #446652 #375343 #2A4033 #1E2D24

Complementary Palette

#5B8A6E #6AA080 #8A5B77 #A06A8A #AD7F9A #7FAD92

Analogous Palette

#6B8D68 #769772 #649678 #6AA080 #729793 #7EA09C

Triadic Palette

#5D8D71 #6AA080 #7B5DAC #8B70B6 #AC7B5D #976C52

Split Complementary Palette

#5F9073 #6AA080 #9A6AA0 #A479AA #A06A6F #905F64

Square Palette

#59866C #6AA080 #727697 #977288 #A09A6A #AFAA82

Tetradic Palette

#578369 #6AA080 #548EB6 #A06A8A #B67954 #C39173

Contrast Checker

White Background

FAIL

Example Headline (24px)

The color #6AA080 contains 106 red, 160 green, and 128 blue.

Contrast Ratio: 2.97:1

Black Background

PASS

Example Headline (24px)

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

Contrast Ratio: 7.06:1