#366A5F Color

Color Information

HEX#366A5F
RGB54, 106, 95
HSL167° , 33% , 31%
HSV167° , 49% , 42%
CMYK49%, 0%, 10%, 58%

Lighter Shades

#4E7C72 #668E85 #7EA099 #96B2AC #AFC3BF #C7D5D2

Darker Shades

#305D54 #295148 #23443D #1C3731 #162A26 #0F1E1B

Complementary Palette

#2E5B52 #366A5F #5A2E37 #693540 #7E515B #527F75

Analogous Palette

#3F5546 #435B4A #336459 #366A5F #43545B #4E616A

Triadic Palette

#305D54 #366A5F #622D71 #754682 #71622D #635628

Split Complementary Palette

#315F56 #366A5F #69355A #78496B #694435 #5F3D30

Square Palette

#2D5950 #366A5F #473D61 #613D45 #5A6935 #748155

Tetradic Palette

#2C574E #366A5F #273877 #693540 #776627 #8F824E

Contrast Checker

White Background

PASS

Example Headline (24px)

The color #366A5F contains 54 red, 106 green, and 95 blue.

Contrast Ratio: 6.22:1

Black Background

FAIL

Example Headline (24px)

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

Contrast Ratio: 3.38:1