#98A5BC Color

Color Information

HEX#98A5BC
RGB152, 165, 188
HSL218° , 21% , 67%
HSV218° , 19% , 74%
CMYK19%, 12%, 0%, 26%

Lighter Shades

#A4B0C4 #B1BBCC #BDC5D4 #C9D0DC #D6DBE4 #E2E6EC

Darker Shades

#8691A5 #747D8F #616A78 #4F5662 #3D424B #2B2E35

Complementary Palette

#838EA2 #98A5BC #A39784 #BDB099 #C6BBA7 #A6B2C5

Analogous Palette

#90A8AD #9EB4B7 #8F9BB1 #98A5BC #A29EB7 #AAA7BE

Triadic Palette

#8691A5 #98A5BC #C591A4 #CC9EAF #A4C591 #90AD80

Split Complementary Palette

#8995A9 #98A5BC #BD9E99 #C4A8A3 #B8BD99 #A6AA8A

Square Palette

#808B9E #98A5BC #B79EB4 #B7AE9E #99BD9E #A9C8AE

Tetradic Palette

#7D879A #98A5BC #B48ACC #BDB099 #A2CC8A #B3D59F

Contrast Checker

White Background

FAIL

Example Headline (24px)

The color #98A5BC contains 152 red, 165 green, and 188 blue.

Contrast Ratio: 2.44:1

Black Background

PASS

Example Headline (24px)

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

Contrast Ratio: 8.59:1