#696A8F Color

Color Information

HEX	#696A8F
RGB	105, 106, 143
HSL	238° , 15% , 49%
HSV	238° , 27% , 56%
CMYK	27%, 26%, 0%, 44%

Lighter Shades

#7B7C9C #8D8EAA #9FA0B7 #B1B2C5 #C3C3D2 #D5D5E0

Darker Shades

#5C5D7E #50516D #43445C #37374A #2A2A39 #1D1E28

Complementary Palette

#5A5B7B #696A8F #7C7A5B #908E6A #A09E7F #7E7F9F

Analogous Palette

#627484 #6A7E90 #636486 #696A8F #7C6A90 #857599

Triadic Palette

#5C5D7E #696A8F #9C5E60 #A87173 #609C5E #548953

Split Complementary Palette

#5F5F81 #696A8F #907C6A #9B8979 #7E906A #71825F

Square Palette

#585978 #696A8F #906A7E #908E6A #6A907C #82A291

Tetradic Palette

#565775 #696A8F #A254A6 #908E6A #56A654 #74B673

Contrast Checker

White Background

PASS

Example Headline (24px)

The color #696A8F contains 105 red, 106 green, and 143 blue.

Contrast Ratio: 5.14:1

Black Background

FAIL

Example Headline (24px)

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

Contrast Ratio: 4.08:1