#6982D6 Color

Color Information

HEX#6982D6
RGB105, 130, 214
HSL226° , 57% , 63%
HSV226° , 51% , 84%
CMYK51%, 39%, 0%, 16%

Lighter Shades

#7B91DB #8DA0E0 #9FAFE5 #B1BEEA #C3CDEF #D5DCF4

Darker Shades

#5C72BC #5063A3 #435389 #37446F #2A3456 #1D243C

Complementary Palette

#5A70B8 #6982D6 #B8A35C #D6BD6B #DCC680 #7E94DC

Analogous Palette

#78A1B0 #7EB1C4 #637AC9 #6982D6 #907EC4 #9B89C8

Triadic Palette

#5C72BC #6982D6 #E0617F #E4748E #7FE061 #70C555

Split Complementary Palette

#5F75C1 #6982D6 #D6886B #DA947A #BAD66B #A7C160

Square Palette

#586DB4 #6982D6 #CD74B5 #CDB874 #6BD688 #83DD9B

Tetradic Palette

#566BAF #6982D6 #C65AE7 #D6BD6B #7BE75A #93EB78

Contrast Checker

White Background

FAIL

Example Headline (24px)

The color #6982D6 contains 105 red, 130 green, and 214 blue.

Contrast Ratio: 3.6:1

Black Background

PASS

Example Headline (24px)

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

Contrast Ratio: 5.83:1