#5AC2DE Color

Color Information

HEX#5AC2DE
RGB90, 194, 222
HSL193° , 67% , 61%
HSV193° , 59% , 87%
CMYK59%, 13%, 0%, 13%

Lighter Shades

#6EC9E2 #82D1E6 #95D8EA #A9DFEE #BDE7F2 #D1EEF6

Darker Shades

#4FABC3 #4493A9 #3A7C8E #2F6573 #244E59 #19363E

Complementary Palette

#4DA7BF #5AC2DE #BF654D #DE7659 #E38970 #71CBE3

Analogous Palette

#69B59F #6DCAB0 #55B6D1 #5AC2DE #6D87CA #7891CE

Triadic Palette

#4FABC3 #5AC2DE #E84FC7 #EB64CE #C7E84F #AFCC46

Split Complementary Palette

#51AFC8 #5AC2DE #DE597F #E16A8C #DEB859 #C8A650

Square Palette

#4CA3BA #5AC2DE #B463D4 #D47B63 #7FDE59 #93E374

Tetradic Palette

#4A9FB6 #5AC2DE #6C47F0 #DE7659 #CBF047 #D4F368

Contrast Checker

White Background

FAIL

Example Headline (24px)

The color #5AC2DE contains 90 red, 194 green, and 222 blue.

Contrast Ratio: 2.03:1

Black Background

PASS

Example Headline (24px)

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

Contrast Ratio: 10.33:1