#3586A1 Color

Color Information

HEX#3586A1
RGB53, 134, 161
HSL195° , 50% , 42%
HSV195° , 67% , 63%
CMYK67%, 17%, 0%, 37%

Lighter Shades

#4D95AC #65A3B8 #7EB2C3 #96C0CE #AECFD9 #C6DDE5

Darker Shades

#2F768E #28667A #225667 #1C4654 #153640 #0F262D

Complementary Palette

#2E738A #3586A1 #8A452E #A15036 #AE6952 #5197AE

Analogous Palette

#478072 #4B8B7B #327E97 #3586A1 #4B5B8B #5F6B91

Triadic Palette

#2F768E #3586A1 #AB2B8B #B54499 #8BAB2B #7A9626

Split Complementary Palette

#307991 #3586A1 #A13650 #AA4A62 #A18636 #917931

Square Palette

#2D7187 #3586A1 #814096 #965640 #50A136 #6CB056

Tetradic Palette

#2B6E84 #3586A1 #4722B4 #A15036 #90B422 #A4C24A

Contrast Checker

White Background

FAIL

Example Headline (24px)

The color #3586A1 contains 53 red, 134 green, and 161 blue.

Contrast Ratio: 4.09:1

Black Background

PASS

Example Headline (24px)

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

Contrast Ratio: 5.13:1