#68AFDE Color

Color Information

HEX#68AFDE
RGB104, 175, 222
HSL204° , 64% , 64%
HSV204° , 53% , 87%
CMYK53%, 21%, 0%, 13%

Lighter Shades

#7AB9E2 #8CC2E6 #9ECCEA #B0D5EE #C3DFF2 #D5E9F6

Darker Shades

#5C9AC3 #4F85A9 #43708E #365B73 #2A4659 #1D313E

Complementary Palette

#5997BF #68AFDE #BF8259 #DE9768 #E3A67D #7DBAE3

Analogous Palette

#76B7B0 #7BCCC4 #62A5D1 #68AFDE #7B83CC #868DD0

Triadic Palette

#5C9AC3 #68AFDE #E75FB1 #EA72BA #B1E75F #9CCB54

Split Complementary Palette

#5E9EC8 #68AFDE #DE6874 #E17782 #DED268 #C8BD5E

Square Palette

#5793BA #68AFDE #CB72D5 #D59972 #74DE68 #8AE380

Tetradic Palette

#5590B6 #68AFDE #9458EE #DE9768 #B2EE58 #C0F176

Contrast Checker

White Background

FAIL

Example Headline (24px)

The color #68AFDE contains 104 red, 175 green, and 222 blue.

Contrast Ratio: 2.36:1

Black Background

PASS

Example Headline (24px)

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

Contrast Ratio: 8.9:1