#68B5DD Color

Color Information

HEX	#68B5DD
RGB	104, 181, 221
HSL	201° , 63% , 64%
HSV	201° , 53% , 87%
CMYK	53%, 18%, 0%, 13%

Lighter Shades

#7ABEE1 #8CC7E5 #9ED0E9 #B0D9ED #C3E1F1 #D5EAF5

Darker Shades

#5C9FC2 #4F8AA8 #43748D #365E73 #2A4858 #1D333E

Complementary Palette

#599CBE #68B5DD #BE7E5A #DD9269 #E2A17E #7DBFE2

Analogous Palette

#77B6AD #7CCBBF #62AAD0 #68B5DD #7C88CB #8793CF

Triadic Palette

#5C9FC2 #68B5DD #E660B7 #E973C0 #B7E660 #A1CA54

Split Complementary Palette

#5EA3C7 #68B5DD #DD697B #E07888 #DDCC69 #C7B85F

Square Palette

#5798BA #68B5DD #C573D4 #D49573 #7BDD69 #90E281

Tetradic Palette

#5594B5 #68B5DD #8D59EE #DD9269 #BAEE59 #C6F177

Contrast Checker

White Background

FAIL

Example Headline (24px)

The color #68B5DD contains 104 red, 181 green, and 221 blue.

Contrast Ratio: 2.24:1

Black Background

PASS

Example Headline (24px)

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

Contrast Ratio: 9.37:1