#6A9E86 Color

Color Information

HEX#6A9E86
RGB106, 158, 134
HSL152° , 21% , 52%
HSV152° , 33% , 62%
CMYK33%, 0%, 15%, 38%

Lighter Shades

#7CAA95 #8EB5A3 #A0C1B2 #B2CDC0 #C3D8CF #D5E4DD

Darker Shades

#5D8B76 #517866 #446556 #375246 #2A3F36 #1E2C26

Complementary Palette

#5B8873 #6A9E86 #885C71 #9E6B83 #AC8094 #7FAC97

Analogous Palette

#688D6A #729773 #64957E #6A9E86 #729697 #7E9FA0

Triadic Palette

#5D8B76 #6A9E86 #875FAB #9572B5 #AB875F #967754

Split Complementary Palette

#5F8E79 #6A9E86 #9E6B9D #A87AA7 #9E6D6B #8E6260

Square Palette

#598571 #6A9E86 #737297 #977283 #9D9E6B #ADAE83

Tetradic Palette

#57826E #6A9E86 #5581B4 #9E6B83 #B48855 #C29D74

Contrast Checker

White Background

FAIL

Example Headline (24px)

The color #6A9E86 contains 106 red, 158 green, and 134 blue.

Contrast Ratio: 3.02:1

Black Background

PASS

Example Headline (24px)

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

Contrast Ratio: 6.96:1