#98D5DC Color

Color Information

HEX#98D5DC
RGB152, 213, 220
HSL186° , 49% , 73%
HSV186° , 31% , 86%
CMYK31%, 3%, 0%, 14%

Lighter Shades

#A4DAE0 #B1DFE4 #BDE4E9 #C9E9ED #D6EEF1 #E2F3F5

Darker Shades

#86BBC2 #74A2A7 #61888D #4F6F72 #3D5558 #2B3C3E

Complementary Palette

#83B7BD #98D5DC #BD8983 #DC9F98 #E1ACA6 #A6DBE1

Analogous Palette

#9DB9AE #A6CEBE #8FC8CF #98D5DC #A6B6CE #ACBBD2

Triadic Palette

#86BBC2 #98D5DC #E392DB #E69FDF #DBE392 #C1C880

Split Complementary Palette

#89C0C6 #98D5DC #DC98B3 #E0A2BB #DCC198 #C6AE89

Square Palette

#80B3B9 #98D5DC #C09FD5 #D5A59F #B3DC98 #BFE2A8

Tetradic Palette

#7DAFB4 #98D5DC #958CE8 #DC9F98 #DFE88C #E5ECA1

Contrast Checker

White Background

FAIL

Example Headline (24px)

The color #98D5DC contains 152 red, 213 green, and 220 blue.

Contrast Ratio: 1.61:1

Black Background

PASS

Example Headline (24px)

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

Contrast Ratio: 13.03:1