#395963 Color

Color Information

HEX#395963
RGB57, 89, 99
HSL194° , 27% , 31%
HSV194° , 42% , 39%
CMYK42%, 10%, 0%, 61%

Lighter Shades

#516D76 #698188 #80959B #98A9AE #B0BDC1 #C8D1D3

Darker Shades

#324E57 #2B444B #24393F #1E2E33 #172428 #10191C

Complementary Palette

#314D55 #395963 #563A32 #64443A #7A5E56 #557079

Analogous Palette

#3D524D #435B55 #36545D #395963 #434A5B #4E556A

Triadic Palette

#324E57 #395963 #6C325F #7E4B72 #5F6C32 #545F2C

Split Complementary Palette

#335059 #395963 #643A45 #744E58 #64593A #5A5034

Square Palette

#304B53 #395963 #55425C #5C4842 #45643A #637D5A

Tetradic Palette

#2F4951 #395963 #3C2B73 #64443A #62732B #7E8C51

Contrast Checker

White Background

PASS

Example Headline (24px)

The color #395963 contains 57 red, 89 green, and 99 blue.

Contrast Ratio: 7.64:1

Black Background

FAIL

Example Headline (24px)

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

Contrast Ratio: 2.75:1