#68A5A6 Color

Color Information

HEX#68A5A6
RGB104, 165, 166
HSL181° , 26% , 53%
HSV181° , 37% , 65%
CMYK37%, 1%, 0%, 35%

Lighter Shades

#7AB0B1 #8CBBBB #9EC5C6 #B0D0D1 #C3DBDB #D5E6E6

Darker Shades

#5C9192 #4F7D7E #436A6A #365656 #2A4242 #1D2E2E

Complementary Palette

#598E8F #68A5A6 #8F5A59 #A66968 #B27E7D #7DB2B2

Analogous Palette

#6A907E #759988 #629B9C #68A5A6 #758799 #8191A2

Triadic Palette

#5C9192 #68A5A6 #B25CB1 #BB70BA #B1B25C #9C9D51

Split Complementary Palette

#5E9595 #68A5A6 #A66886 #AF7792 #A68868 #957A5E

Square Palette

#578B8B #68A5A6 #88749A #9A7574 #86A668 #99B480

Tetradic Palette

#558788 #68A5A6 #5452BC #A66968 #BABC52 #C6C871

Contrast Checker

White Background

FAIL

Example Headline (24px)

The color #68A5A6 contains 104 red, 165 green, and 166 blue.

Contrast Ratio: 2.75:1

Black Background

PASS

Example Headline (24px)

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

Contrast Ratio: 7.64:1