#6970A5 Color

Color Information

HEX#6970A5
RGB105, 112, 165
HSL233° , 25% , 53%
HSV233° , 36% , 65%
CMYK36%, 32%, 0%, 35%

Lighter Shades

#7B81B0 #8D92BB #9FA3C5 #B1B5D0 #C3C6DB #D5D7E6

Darker Shades

#5C6391 #50557D #43486A #373A56 #2A2D42 #1D1F2E

Complementary Palette

#5A608E #6970A5 #8E885A #A59E69 #B2AC7E #7E84B2

Analogous Palette

#6A8190 #758B99 #63699B #6970A5 #837599 #8E81A2

Triadic Palette

#5C6391 #6970A5 #B15D67 #BA7079 #67B15D #5B9C52

Split Complementary Palette

#5F6595 #6970A5 #A58069 #AE8D78 #8EA569 #80955F

Square Palette

#585E8B #6970A5 #99758B #999575 #69A580 #81B394

Tetradic Palette

#565C87 #6970A5 #AF54BB #A59E69 #60BB54 #7DC773

Contrast Checker

White Background

PASS

Example Headline (24px)

The color #6970A5 contains 105 red, 112 green, and 165 blue.

Contrast Ratio: 4.67:1

Black Background

PASS

Example Headline (24px)

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

Contrast Ratio: 4.5:1