#367CB2 Color

Color Information

HEX#367CB2
RGB54, 124, 178
HSL206° , 53% , 45%
HSV206° , 70% , 70%
CMYK70%, 30%, 0%, 30%

Lighter Shades

#4E8CBB #669BC4 #7EABCE #96BBD7 #AFCBE0 #C7DAE9

Darker Shades

#306D9D #295E87 #234F72 #1C405D #163247 #0F2332

Complementary Palette

#2E6B99 #367CB2 #975C2E #B06B36 #BB8052 #528EBD

Analogous Palette

#488E8A #4D9994 #3375A7 #367CB2 #4D5299 #5F639B

Triadic Palette

#306D9D #367CB2 #BB2A7C #C3448C #7CBB2A #6DA525

Split Complementary Palette

#3170A0 #367CB2 #B0363E #B84A51 #B0A736 #9E9631

Square Palette

#2D6896 #367CB2 #9E41A4 #A46C41 #3EB036 #5DBD56

Tetradic Palette

#2C6692 #367CB2 #6821C4 #B06B36 #7EC421 #95CF49

Contrast Checker

White Background

FAIL

Example Headline (24px)

The color #367CB2 contains 54 red, 124 green, and 178 blue.

Contrast Ratio: 4.45:1

Black Background

PASS

Example Headline (24px)

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

Contrast Ratio: 4.72:1