#6984DD Color

Color Information

HEX#6984DD
RGB105, 132, 221
HSL226° , 63% , 64%
HSV226° , 52% , 87%
CMYK52%, 40%, 0%, 13%

Lighter Shades

#7B93E1 #8DA2E5 #9FB0E9 #B1BFED #C3CEF1 #D5DDF5

Darker Shades

#5C74C2 #5064A8 #43548D #374573 #2A3558 #1D253E

Complementary Palette

#5A72BE #6984DD #BEA75A #DDC269 #E2CB7E #7E95E2

Analogous Palette

#77A5B6 #7CB6CB #637CD0 #6984DD #917CCB #9A87CF

Triadic Palette

#5C74C2 #6984DD #E6607F #E9738E #7FE660 #70CA54

Split Complementary Palette

#5F77C7 #6984DD #DD8869 #E09478 #BEDD69 #ABC75F

Square Palette

#586FBA #6984DD #D473BA #D4BD73 #69DD88 #81E29B

Tetradic Palette

#566CB5 #6984DD #CB59EE #DDC269 #7CEE59 #94F177

Contrast Checker

White Background

FAIL

Example Headline (24px)

The color #6984DD contains 105 red, 132 green, and 221 blue.

Contrast Ratio: 3.49:1

Black Background

PASS

Example Headline (24px)

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

Contrast Ratio: 6.02:1