#6A70CC Color

Color Information

HEX	#6A70CC
RGB	106, 112, 204
HSL	236° , 49% , 61%
HSV	236° , 48% , 80%
CMYK	48%, 45%, 0%, 20%

Lighter Shades

#7C81D2 #8E92D8 #A0A3DE #B2B5E4 #C3C6EB #D5D7F1

Darker Shades

#5D63B4 #51559B #444883 #373A6A #2A2D52 #1E1F39

Complementary Palette

#5B60AF #6A70CC #AFAA5C #CCC66B #D3CE80 #7F84D3

Analogous Palette

#7892A5 #7F9FB8 #6469C0 #6A70CC #987FB8 #A089BE

Triadic Palette

#5D63B4 #6A70CC #D66169 #DB747B #69D661 #5CBC55

Split Complementary Palette

#5F65B8 #6A70CC #CC956B #D1A07A #A2CC6B #92B860

Square Palette

#595EAB #6A70CC #C275A1 #C2BD75 #6BCC95 #83D4A6

Tetradic Palette

#575CA7 #6A70CC #D559DE #CCC66B #62DE59 #7EE477

Contrast Checker

White Background

FAIL

Example Headline (24px)

The color #6A70CC contains 106 red, 112 green, and 204 blue.

Contrast Ratio: 4.34:1

Black Background

PASS

Example Headline (24px)

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

Contrast Ratio: 4.84:1