#68A2D4 Color

Color Information

HEX#68A2D4
RGB104, 162, 212
HSL208° , 56% , 62%
HSV208° , 51% , 83%
CMYK51%, 24%, 0%, 17%

Lighter Shades

#7AADD9 #8CB8DE #9EC3E3 #B0CFE9 #C3DAEE #D5E5F3

Darker Shades

#5C8FBB #4F7BA1 #436888 #36546E #2A4155 #1D2D3B

Complementary Palette

#598BB6 #68A2D4 #B68459 #D49A68 #DAA87D #7DAFDA

Analogous Palette

#76ADAB #7BC1BF #6298C7 #68A2D4 #7B7EC1 #8789C5

Triadic Palette

#5C8FBB #68A2D4 #DE5EA2 #E271AD #A2DE5E #8FC353

Split Complementary Palette

#5E92BF #68A2D4 #D4686B #D8777A #D4D168 #BFBC5E

Square Palette

#5788B2 #68A2D4 #C872CB #CB9B72 #6BD468 #83DB80

Tetradic Palette

#5585AE #68A2D4 #9956E6 #D49A68 #A3E656 #B4EB74

Contrast Checker

White Background

FAIL

Example Headline (24px)

The color #68A2D4 contains 104 red, 162 green, and 212 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