#367AA2 Color

Color Information

HEX#367AA2
RGB54, 122, 162
HSL202° , 50% , 42%
HSV202° , 67% , 64%
CMYK67%, 25%, 0%, 36%

Lighter Shades

#4E8AAD #669AB8 #7EAAC3 #96BACF #AFCADA #C7DAE5

Darker Shades

#306B8F #295D7B #234E68 #1C3F54 #163141 #0F222D

Complementary Palette

#2E698B #367AA2 #8A502E #A15D36 #AE7452 #528DAF

Analogous Palette

#478078 #4B8B83 #337398 #367AA2 #4B548B #5F6591

Triadic Palette

#306B8F #367AA2 #AB2B7C #B5448C #7CAB2B #6D9626

Split Complementary Palette

#316E92 #367AA2 #A13644 #AA4A57 #A19236 #918331

Square Palette

#2D6688 #367AA2 #8B4096 #966040 #44A136 #62B056

Tetradic Palette

#2C6485 #367AA2 #5822B4 #A15D36 #7FB422 #96C24A

Contrast Checker

White Background

PASS

Example Headline (24px)

The color #367AA2 contains 54 red, 122 green, and 162 blue.

Contrast Ratio: 4.67:1

Black Background

PASS

Example Headline (24px)

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

Contrast Ratio: 4.5:1