#68A5AC Color

Color Information

HEX#68A5AC
RGB104, 165, 172
HSL186° , 29% , 54%
HSV186° , 40% , 67%
CMYK40%, 4%, 0%, 33%

Lighter Shades

#7AB0B6 #8CBBC0 #9EC5CA #B0D0D4 #C3DBDE #D5E6E8

Darker Shades

#5C9197 #4F7D83 #436A6E #365659 #2A4245 #1D2E30

Complementary Palette

#598E94 #68A5AC #945F59 #AC6E68 #B8827D #7DB2B8

Analogous Palette

#6C9383 #789B8D #629BA2 #68A5AC #78869B #8491A4

Triadic Palette

#5C9197 #68A5AC #B75CAE #C070B8 #AEB75C #99A151

Split Complementary Palette

#5E959B #68A5AC #AC6883 #B4778F #AC9168 #9B835E

Square Palette

#578B90 #68A5AC #8E73A0 #A07773 #83AC68 #97B980

Tetradic Palette

#55878D #68A5AC #5C53C1 #AC6E68 #B6C153 #C3CC72

Contrast Checker

White Background

FAIL

Example Headline (24px)

The color #68A5AC contains 104 red, 165 green, and 172 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.69:1