#68A5BD Color

Color Information

HEX	#68A5BD
RGB	104, 165, 189
HSL	197° , 39% , 57%
HSV	197° , 45% , 74%
CMYK	45%, 13%, 0%, 26%

Lighter Shades

#7AB0C5 #8CBBCD #9EC5D5 #B0D0DD #C3DBE5 #D5E6ED

Darker Shades

#5C91A6 #4F7D90 #436A79 #365662 #2A424C #1D2E35

Complementary Palette

#598EA3 #68A5BD #A26D59 #BC7F67 #C5917C #7DB2C6

Analogous Palette

#759991 #7DA69D #629BB2 #68A5BD #7D86A6 #868EAC

Triadic Palette

#5C91A6 #68A5BD #C75CA9 #CE70B3 #A9C75C #95AF51

Split Complementary Palette

#5E95AA #68A5BD #BC6779 #C37686 #BCAA67 #A9995D

Square Palette

#578B9F #68A5BD #A372B1 #B18472 #79BC67 #8EC77F

Tetradic Palette

#55879B #68A5BD #7653D0 #BC7F67 #ACD053 #BBD872

Contrast Checker

White Background

FAIL

Example Headline (24px)

The color #68A5BD contains 104 red, 165 green, and 189 blue.

Contrast Ratio: 2.68:1

Black Background

PASS

Example Headline (24px)

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

Contrast Ratio: 7.83:1