#98A2EA Color

Color Information

HEX#98A2EA
RGB152, 162, 234
HSL233° , 66% , 76%
HSV233° , 35% , 92%
CMYK35%, 31%, 0%, 8%

Lighter Shades

#A4ADED #B1B8EF #BDC3F2 #C9CFF4 #D6DAF7 #E2E5F9

Darker Shades

#868FCE #747BB2 #616896 #4F547A #3D415E #2B2D42

Complementary Palette

#838BC9 #98A2EA #C9C284 #EAE199 #EDE5A7 #A6AFED

Analogous Palette

#9DB7C8 #A6C8DE #8F98DC #98A2EA #BBA6DE #C1ADE1

Triadic Palette

#868FCE #98A2EA #F0939E #F2A0AA #9EF093 #8BD381

Split Complementary Palette

#8992D3 #98A2EA #EAB899 #ECBFA3 #CBEA99 #B7D38A

Square Palette

#8088C5 #98A2EA #E4A0CA #E4DCA0 #99EAB8 #A9EDC3

Tetradic Palette

#7D85C0 #98A2EA #E98EF5 #EAE199 #9AF58E #ACF7A2

Contrast Checker

White Background

FAIL

Example Headline (24px)

The color #98A2EA contains 152 red, 162 green, and 234 blue.

Contrast Ratio: 2.38:1

Black Background

PASS

Example Headline (24px)

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

Contrast Ratio: 8.83:1