#367AA5 Color

Color Information

HEX#367AA5
RGB54, 122, 165
HSL203° , 51% , 43%
HSV203° , 67% , 65%
CMYK67%, 26%, 0%, 35%

Lighter Shades

#4E8AB0 #669ABB #7EAAC5 #96BAD0 #AFCADB #C7DAE6

Darker Shades

#306B91 #295D7D #234E6A #1C3F56 #163142 #0F222E

Complementary Palette

#2E698E #367AA5 #8F532E #A66136 #B27752 #528DB2

Analogous Palette

#46867E #4C9088 #33739B #367AA5 #4C5490 #5F6695

Triadic Palette

#306B91 #367AA5 #B12B7D #BA448D #7DB12B #6E9C26

Split Complementary Palette

#316E95 #367AA5 #A63643 #AF4A56 #A69936 #958A31

Square Palette

#2D668B #367AA5 #90419B #9B6341 #43A636 #61B456

Tetradic Palette

#2C6487 #367AA5 #5C22B9 #A66136 #7FB922 #96C64A

Contrast Checker

White Background

PASS

Example Headline (24px)

The color #367AA5 contains 54 red, 122 green, and 165 blue.

Contrast Ratio: 4.65:1

Black Background

PASS

Example Headline (24px)

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

Contrast Ratio: 4.52:1