#6985E2 Color

Color Information

HEX#6985E2
RGB105, 133, 226
HSL226° , 68% , 65%
HSV226° , 54% , 89%
CMYK54%, 41%, 0%, 11%

Lighter Shades

#7B94E5 #8DA2E9 #9FB1EC #B1C0F0 #C3CEF3 #D5DDF7

Darker Shades

#5C75C7 #5065AC #435591 #374576 #2A355A #1D253F

Complementary Palette

#5A72C2 #6985E2 #C2AA5A #E2C669 #E6CE7E #7E96E6

Analogous Palette

#76A9BC #7BBAD1 #637DD4 #6985E2 #927BD1 #9C87D4

Triadic Palette

#5C75C7 #6985E2 #EB6081 #ED7390 #81EB60 #72CF54

Split Complementary Palette

#5F78CB #6985E2 #E28969 #E59578 #C2E269 #AFCB5F

Square Palette

#5870BE #6985E2 #DA72BE #DAC172 #69E289 #81E79C

Tetradic Palette

#566DB9 #6985E2 #CF59F3 #E2C669 #7DF359 #94F577

Contrast Checker

White Background

FAIL

Example Headline (24px)

The color #6985E2 contains 105 red, 133 green, and 226 blue.

Contrast Ratio: 3.43:1

Black Background

PASS

Example Headline (24px)

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

Contrast Ratio: 6.13:1