#6982D5 Color

Color Information

HEX#6982D5
RGB105, 130, 213
HSL226° , 56% , 62%
HSV226° , 51% , 84%
CMYK51%, 39%, 0%, 16%

Lighter Shades

#7B91DA #8DA0DF #9FAFE4 #B1BEE9 #C3CDEE #D5DCF3

Darker Shades

#5C72BB #5063A2 #435388 #37446F #2A3455 #1D243C

Complementary Palette

#5A70B7 #6982D5 #B6A159 #D4BB68 #DAC57D #7E94DB

Analogous Palette

#769EAD #7BAEC1 #637AC8 #6982D5 #8E7BC1 #9787C5

Triadic Palette

#5C72BB #6982D5 #DE5E7C #E2718C #7CDE5E #6DC353

Split Complementary Palette

#5F75C0 #6982D5 #D48568 #D89177 #B7D468 #A5BF5E

Square Palette

#586DB3 #6982D5 #CB72B3 #CBB672 #68D485 #80DB99

Tetradic Palette

#566BAF #6982D5 #C456E6 #D4BB68 #78E656 #90EB74

Contrast Checker

White Background

FAIL

Example Headline (24px)

The color #6982D5 contains 105 red, 130 green, and 213 blue.

Contrast Ratio: 3.61:1

Black Background

PASS

Example Headline (24px)

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

Contrast Ratio: 5.82:1