#696D90 Color

Color Information

HEX#696D90
RGB105, 109, 144
HSL234° , 16% , 49%
HSV234° , 27% , 56%
CMYK27%, 24%, 0%, 44%

Lighter Shades

#7B7F9D #8D90AB #9FA2B8 #B1B3C5 #C3C5D3 #D5D6E0

Darker Shades

#5C607F #50536D #43465C #37394B #2A2C3A #1D1F28

Complementary Palette

#5A5E7C #696D90 #7D795A #918D69 #A09D7E #7E81A0

Analogous Palette

#627784 #6A8190 #636687 #696D90 #796A90 #847599

Triadic Palette

#5C607F #696D90 #9D5C63 #A97076 #639D5C #578A51

Split Complementary Palette

#5F6282 #696D90 #917969 #9C8678 #819169 #74835F

Square Palette

#585C79 #696D90 #906A81 #908C6A #699179 #81A38E

Tetradic Palette

#565976 #696D90 #9F52A7 #918D69 #5BA752 #79B771

Contrast Checker

White Background

PASS

Example Headline (24px)

The color #696D90 contains 105 red, 109 green, and 144 blue.

Contrast Ratio: 4.98:1

Black Background

FAIL

Example Headline (24px)

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

Contrast Ratio: 4.22:1