#366E5A Color

Color Information

HEX#366E5A
RGB54, 110, 90
HSL159° , 34% , 32%
HSV159° , 51% , 43%
CMYK51%, 0%, 18%, 57%

Lighter Shades

#4E7F6E #669182 #7EA295 #96B4A9 #AFC5BD #C7D6D1

Darker Shades

#30614F #295444 #23463A #1C392F #162C24 #0F1F19

Complementary Palette

#2E5F4D #366E5A #5E2E3F #6D3649 #815262 #528271

Analogous Palette

#3F5542 #455E49 #336755 #366E5A #455A5E #50686D

Triadic Palette

#30614F #366E5A #5C2E76 #704786 #765C2E #685128

Split Complementary Palette

#316351 #366E5A #6D3665 #7C4A74 #6D3E36 #623831

Square Palette

#2D5C4C #366E5A #443E65 #653E4C #656D36 #7E8456

Tetradic Palette

#2C5A4A #366E5A #27457C #6D3649 #7C5E27 #947B4E

Contrast Checker

White Background

PASS

Example Headline (24px)

The color #366E5A contains 54 red, 110 green, and 90 blue.

Contrast Ratio: 5.94:1

Black Background

FAIL

Example Headline (24px)

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

Contrast Ratio: 3.54:1