#98D4DC Color

Color Information

HEX#98D4DC
RGB152, 212, 220
HSL187° , 49% , 73%
HSV187° , 31% , 86%
CMYK31%, 4%, 0%, 14%

Lighter Shades

#A4D9E0 #B1DEE4 #BDE3E9 #C9E9ED #D6EEF1 #E2F3F5

Darker Shades

#86BBC2 #74A1A7 #61888D #4F6E72 #3D5558 #2B3B3E

Complementary Palette

#83B6BD #98D4DC #BD8A83 #DCA098 #E1ADA6 #A6DAE1

Analogous Palette

#9DB9AE #A6CEBF #8FC7CF #98D4DC #A6B5CE #ACBBD2

Triadic Palette

#86BBC2 #98D4DC #E392D9 #E69FDE #D9E392 #BFC880

Split Complementary Palette

#89BFC6 #98D4DC #DC98B2 #E0A2BA #DCC298 #C6AF89

Square Palette

#80B2B9 #98D4DC #C09FD5 #D5A69F #B2DC98 #BEE2A8

Tetradic Palette

#7DAEB4 #98D4DC #978CE8 #DCA098 #DEE88C #E4ECA1

Contrast Checker

White Background

FAIL

Example Headline (24px)

The color #98D4DC contains 152 red, 212 green, and 220 blue.

Contrast Ratio: 1.62:1

Black Background

PASS

Example Headline (24px)

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

Contrast Ratio: 12.93:1