#68B3ED Color

Color Information

HEX	#68B3ED
RGB	104, 179, 237
HSL	206° , 79% , 67%
HSV	206° , 56% , 93%
CMYK	56%, 24%, 0%, 7%

Lighter Shades

#7ABCEF #8CC5F1 #9ECEF3 #B0D7F6 #C3E1F8 #D5EAFA

Darker Shades

#5C9ED1 #4F88B4 #437398 #365D7B #2A485F #1D3242

Complementary Palette

#599ACC #68B3ED #CC8B59 #EDA268 #F0AF7D #7DBEF0

Analogous Palette

#75C7C1 #79DCD6 #62A8DF #68B3ED #7980DC #8288DE

Triadic Palette

#5C9ED1 #68B3ED #F660B5 #F773BE #B5F660 #9FD854

Split Complementary Palette

#5EA1D5 #68B3ED #ED6871 #EF777F #EDE468 #D5CD5E

Square Palette

#5796C7 #68B3ED #DD71E5 #E5A371 #71ED68 #88F080

Tetradic Palette

#5593C2 #68B3ED #A059FC #EDA268 #B6FC59 #C3FD77

Contrast Checker

White Background

FAIL

Example Headline (24px)

The color #68B3ED contains 104 red, 179 green, and 237 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.39:1