#395A62 Color

Color Information

HEX#395A62
RGB57, 90, 98
HSL192° , 26% , 30%
HSV192° , 42% , 38%
CMYK42%, 8%, 0%, 62%

Lighter Shades

#516E75 #698288 #80959B #98A9AD #B0BDC0 #C8D1D3

Darker Shades

#324F56 #2B444A #243A3F #1E2F33 #172427 #10191B

Complementary Palette

#314D54 #395A62 #533831 #604139 #765C55 #557178

Analogous Palette

#3B4F49 #415851 #36555C #395A62 #414858 #4E566A

Triadic Palette

#324F56 #395A62 #67325D #794B70 #5D6732 #525B2C

Split Complementary Palette

#335158 #395A62 #603945 #704D58 #605439 #564C33

Square Palette

#304C52 #395A62 #514158 #584641 #456039 #637959

Tetradic Palette

#2F4A50 #395A62 #392C6D #604139 #606D2C #7D8752

Contrast Checker

White Background

PASS

Example Headline (24px)

The color #395A62 contains 57 red, 90 green, and 98 blue.

Contrast Ratio: 7.55:1

Black Background

FAIL

Example Headline (24px)

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

Contrast Ratio: 2.78:1