#69A6A0 Color

Color Information

HEX#69A6A0
RGB105, 166, 160
HSL174° , 26% , 53%
HSV174° , 37% , 65%
CMYK37%, 0%, 4%, 35%

Lighter Shades

#7BB1AB #8DBBB7 #9FC6C2 #B1D1CE #C3DBD9 #D5E6E4

Darker Shades

#5C928D #507E7A #436A66 #375653 #2A4240 #1D2E2D

Complementary Palette

#5A8F8A #69A6A0 #8F595F #A6686E #B27D82 #7EB2AD

Analogous Palette

#6A9079 #759984 #639C96 #69A6A0 #758B99 #8195A2

Triadic Palette

#5C928D #69A6A0 #AA5CB2 #B470BB #B2AA5C #9D9651

Split Complementary Palette

#5F9590 #69A6A0 #A6688D #AF7798 #A68168 #95745E

Square Palette

#588B86 #69A6A0 #83749A #9A7478 #8DA668 #9FB480

Tetradic Palette

#568883 #69A6A0 #525DBC #A6686E #BCB152 #C8BF71

Contrast Checker

White Background

FAIL

Example Headline (24px)

The color #69A6A0 contains 105 red, 166 green, and 160 blue.

Contrast Ratio: 2.73:1

Black Background

PASS

Example Headline (24px)

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

Contrast Ratio: 7.68:1