#696E92 Color

Color Information

HEX#696E92
RGB105, 110, 146
HSL233° , 16% , 49%
HSV233° , 28% , 57%
CMYK28%, 25%, 0%, 43%

Lighter Shades

#7B7F9F #8D91AC #9FA2B9 #B1B4C6 #C3C5D3 #D5D6E0

Darker Shades

#5C6180 #50546F #43465D #37394C #2A2C3A #1D1F29

Complementary Palette

#5A5F7E #696E92 #7D785A #918C69 #A09C7E #7E82A1

Analogous Palette

#627784 #6A8190 #636789 #696E92 #796A90 #837599

Triadic Palette

#5C6180 #696E92 #9D5C64 #A97077 #649D5C #588A51

Split Complementary Palette

#5F6383 #696E92 #917869 #9C8678 #829169 #75835F

Square Palette

#585C7B #696E92 #906A81 #908B6A #699178 #81A38E

Tetradic Palette

#565A78 #696E92 #9E52A7 #918C69 #5CA752 #79B771

Contrast Checker

White Background

PASS

Example Headline (24px)

The color #696E92 contains 105 red, 110 green, and 146 blue.

Contrast Ratio: 4.91:1

Black Background

FAIL

Example Headline (24px)

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

Contrast Ratio: 4.28:1