#696BA6 Color

Color Information

HEX#696BA6
RGB105, 107, 166
HSL238° , 26% , 53%
HSV238° , 37% , 65%
CMYK37%, 36%, 0%, 35%

Lighter Shades

#7B7DB1 #8D8FBB #9FA0C6 #B1B2D1 #C3C4DB #D5D6E6

Darker Shades

#5C5E92 #50517E #43446A #373856 #2A2B42 #1D1E2E

Complementary Palette

#5A5C8F #696BA6 #8F8D59 #A6A468 #B2B17D #7E80B2

Analogous Palette

#6A7E90 #758899 #63659C #696BA6 #867599 #9081A2

Triadic Palette

#5C5E92 #696BA6 #B25C5F #BB7072 #5FB25C #549D51

Split Complementary Palette

#5F6095 #696BA6 #A68568 #AF9177 #89A668 #7B955E

Square Palette

#585A8B #696BA6 #9A7488 #9A9974 #68A685 #80B499

Tetradic Palette

#565888 #696BA6 #B852BC #A6A468 #56BC52 #74C871

Contrast Checker

White Background

PASS

Example Headline (24px)

The color #696BA6 contains 105 red, 107 green, and 166 blue.

Contrast Ratio: 4.9:1

Black Background

FAIL

Example Headline (24px)

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

Contrast Ratio: 4.28:1