#5DC2DD Color

Color Information

HEX#5DC2DD
RGB93, 194, 221
HSL193° , 65% , 62%
HSV193° , 58% , 87%
CMYK58%, 12%, 0%, 13%

Lighter Shades

#70C9E1 #84D1E5 #97D8E9 #ABDFED #BEE7F1 #D2EEF5

Darker Shades

#52ABC2 #4793A8 #3C7C8D #306573 #254E58 #1A363E

Complementary Palette

#50A7BE #5DC2DD #BE6952 #DD7A5F #E28D75 #74CBE2

Analogous Palette

#6DB6A1 #72CAB1 #57B6D0 #5DC2DD #728BCA #7E94CE

Triadic Palette

#52ABC2 #5DC2DD #E755C7 #EA69CE #C7E755 #AFCB4B

Split Complementary Palette

#54AFC7 #5DC2DD #DD5F83 #E06F8F #DDB95F #C7A756

Square Palette

#4EA3BA #5DC2DD #B569D3 #D38069 #83DD5F #97E279

Tetradic Palette

#4C9FB5 #5DC2DD #714EEF #DD7A5F #CCEF4E #D5F26E

Contrast Checker

White Background

FAIL

Example Headline (24px)

The color #5DC2DD contains 93 red, 194 green, and 221 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.35:1