#6C69E2 Color

Color Information

HEX#6C69E2
RGB108, 105, 226
HSL241° , 68% , 65%
HSV241° , 54% , 89%
CMYK52%, 54%, 0%, 11%

Lighter Shades

#7E7BE5 #8F8DE9 #A19FEC #B3B1F0 #C4C3F3 #D6D5F7

Darker Shades

#5F5CC7 #5250AC #454391 #383776 #2B2A5A #1E1D3F

Complementary Palette

#5D5AC2 #6C69E2 #C1C25A #E0E269 #E4E67E #817EE6

Analogous Palette

#7698BC #7BA4D1 #6663D4 #6C69E2 #A77BD1 #AF87D4

Triadic Palette

#5F5CC7 #6C69E2 #EB6260 #ED7573 #60EB62 #54CF56

Split Complementary Palette

#615FCB #6C69E2 #E2A869 #E5B178 #A4E269 #94CB5F

Square Palette

#5B58BE #6C69E2 #DA72A4 #D8DA72 #69E2A8 #81E7B6

Tetradic Palette

#5956B9 #6C69E2 #F359F0 #E0E269 #59F35C #77F579

Contrast Checker

White Background

FAIL

Example Headline (24px)

The color #6C69E2 contains 108 red, 105 green, and 226 blue.

Contrast Ratio: 4.39:1

Black Background

PASS

Example Headline (24px)

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

Contrast Ratio: 4.78:1