#68A99D Color

Color Information

HEX#68A99D
RGB104, 169, 157
HSL169° , 27% , 54%
HSV169° , 38% , 66%
CMYK38%, 0%, 7%, 34%

Lighter Shades

#7AB3A9 #8CBEB5 #9EC8C0 #B0D2CC #C3DDD8 #D5E7E4

Darker Shades

#5C958A #4F8077 #436C64 #365852 #2A443F #1D2F2C

Complementary Palette

#599187 #68A99D #915B65 #A96A76 #B57F89 #7DB5AB

Analogous Palette

#6C9378 #789B83 #629F94 #68A99D #78909B #8499A4

Triadic Palette

#5C958A #68A99D #A75EB5 #B271BE #B5A75E #9F9353

Split Complementary Palette

#5E988D #68A99D #A96A95 #B279A0 #A97E6A #98715F

Square Palette

#578E84 #68A99D #82769E #9E767D #95A96A #A6B782

Tetradic Palette

#558B81 #68A99D #5568BE #A96A76 #BEAD55 #CABC74

Contrast Checker

White Background

FAIL

Example Headline (24px)

The color #68A99D contains 104 red, 169 green, and 157 blue.

Contrast Ratio: 2.67:1

Black Background

PASS

Example Headline (24px)

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

Contrast Ratio: 7.87:1