#6970E1 Color

Color Information

HEX	#6970E1
RGB	105, 112, 225
HSL	237° , 67% , 65%
HSV	237° , 53% , 88%
CMYK	53%, 50%, 0%, 12%

Lighter Shades

#7B81E5 #8D92E8 #9FA3EC #B1B5EF #C3C6F3 #D5D7F7

Darker Shades

#5C63C6 #5055AB #434890 #373A75 #2A2D5A #1D1F3F

Complementary Palette

#5A60C2 #6970E1 #C2BD5B #E2DC6A #E6E17F #7E84E5

Analogous Palette

#769CBC #7CAAD0 #6369D4 #6970E1 #A27CD0 #AA87D4

Triadic Palette

#5C63C6 #6970E1 #EA6168 #ED747A #68EA61 #5CCE55

Split Complementary Palette

#5F65CB #6970E1 #E2A06A #E5AA79 #ACE26A #9BCB5F

Square Palette

#585EBD #6970E1 #D973AB #D9D473 #6AE2A0 #82E7AF

Tetradic Palette

#565CB9 #6970E1 #EA5AF2 #E2DC6A #61F25A #7DF478

Contrast Checker

White Background

FAIL

Example Headline (24px)

The color #6970E1 contains 105 red, 112 green, and 225 blue.

Contrast Ratio: 4.17:1

Black Background

PASS

Example Headline (24px)

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

Contrast Ratio: 5.04:1