#6862B0 Color

Color Information

HEX#6862B0
RGB104, 98, 176
HSL245° , 33% , 54%
HSV245° , 44% , 69%
CMYK41%, 44%, 0%, 31%

Lighter Shades

#7A75B9 #8C88C3 #9E9BCC #B0ADD6 #C3C0DF #D5D3E9

Darker Shades

#5C569B #4F4A86 #433F71 #36335C #2A2746 #1D1B31

Complementary Palette

#595497 #6862B0 #929755 #AAB063 #B6BB79 #7D78BB

Analogous Palette

#6C7C93 #78879B #625CA5 #6862B0 #8D789B #9481A2

Triadic Palette

#5C569B #6862B0 #BC6057 #C4736B #57BC60 #4DA554

Split Complementary Palette

#5E589E #6862B0 #B09063 #B89B73 #83B063 #769E59

Square Palette

#575294 #6862B0 #A56F85 #A0A56F #63B090 #7CBDA2

Tetradic Palette

#555090 #6862B0 #C64EBC #AAB063 #4EC658 #6ED076

Contrast Checker

White Background

PASS

Example Headline (24px)

The color #6862B0 contains 104 red, 98 green, and 176 blue.

Contrast Ratio: 5.28:1

Black Background

FAIL

Example Headline (24px)

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

Contrast Ratio: 3.97:1