#6960B0 Color

Color Information

HEX#6960B0
RGB105, 96, 176
HSL247° , 34% , 53%
HSV247° , 45% , 69%
CMYK40%, 45%, 0%, 31%

Lighter Shades

#7B73B9 #8D86C3 #9F99CC #B1ACD6 #C3BFDF #D5D2E9

Darker Shades

#5C549B #504986 #433D71 #37325C #2A2646 #1D1B31

Complementary Palette

#5A5397 #6960B0 #8F9751 #A6B05E #B2BB75 #7E76BB

Analogous Palette

#6A7990 #758399 #635AA5 #6960B0 #8B7599 #9681A2

Triadic Palette

#5C549B #6960B0 #BC5F52 #C47267 #52BC5F #48A554

Split Complementary Palette

#5F569E #6960B0 #B0915E #B89C6E #7EB05E #719E55

Square Palette

#585194 #6960B0 #A46A80 #9DA46A #5EB091 #78BDA3

Tetradic Palette

#564F90 #6960B0 #C549B7 #A6B05E #49C557 #6ACF75

Contrast Checker

White Background

PASS

Example Headline (24px)

The color #6960B0 contains 105 red, 96 green, and 176 blue.

Contrast Ratio: 5.37:1

Black Background

FAIL

Example Headline (24px)

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

Contrast Ratio: 3.91:1