#6986EA Color

Color Information

HEX#6986EA
RGB105, 134, 234
HSL227° , 75% , 66%
HSV227° , 55% , 92%
CMYK55%, 43%, 0%, 8%

Lighter Shades

#7B95ED #8DA3EF #9FB2F2 #B1C0F4 #C3CFF7 #D5DDF9

Darker Shades

#5C76CE #5066B2 #435696 #37467A #2A365E #1D2642

Complementary Palette

#5A73C9 #6986EA #C8B059 #E9CD67 #ECD47C #7E97ED

Analogous Palette

#75ACC2 #79BDD8 #637EDC #6986EA #9479D8 #9D84DB

Triadic Palette

#5C76CE #6986EA #F25F7F #F4728E #7FF25F #70D554

Split Complementary Palette

#5F79D3 #6986EA #E98C67 #EB9876 #C4E967 #B0D25D

Square Palette

#5871C5 #6986EA #E170C1 #E1C870 #67E98C #7FED9E

Tetradic Palette

#566EC0 #6986EA #D658F9 #E9CD67 #7BF958 #93FA76

Contrast Checker

White Background

FAIL

Example Headline (24px)

The color #6986EA contains 105 red, 134 green, and 234 blue.

Contrast Ratio: 3.35:1

Black Background

PASS

Example Headline (24px)

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

Contrast Ratio: 6.27:1