#367C86 Color

Color Information

HEX	#367C86
RGB	54, 124, 134
HSL	188° , 43% , 37%
HSV	188° , 60% , 53%
CMYK	60%, 7%, 0%, 47%

Lighter Shades

#4E8C95 #669BA3 #7EABB2 #96BBC0 #AFCBCF #C7DADD

Darker Shades

#306D76 #295E66 #234F56 #1C4046 #163236 #0F2326

Complementary Palette

#2E6B73 #367C86 #74382E #874136 #985C52 #528E97

Analogous Palette

#436B5C #497464 #33757E #367C86 #495974 #5B677B

Triadic Palette

#306D76 #367C86 #902C83 #9D4592 #83902C #737F27

Split Complementary Palette

#317079 #367C86 #873654 #934A65 #876936 #7A5F31

Square Palette

#2D6871 #367C86 #673F7D #7D483F #548736 #6F9A56

Tetradic Palette

#2C666E #367C86 #342598 #874136 #899825 #9EAB4C

Contrast Checker

White Background

PASS

Example Headline (24px)

The color #367C86 contains 54 red, 124 green, and 134 blue.

Contrast Ratio: 4.75:1

Black Background

FAIL

Example Headline (24px)

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

Contrast Ratio: 4.42:1