#395C62 Color

Color Information

HEX#395C62
RGB57, 92, 98
HSL189° , 26% , 30%
HSV189° , 42% , 38%
CMYK42%, 6%, 0%, 62%

Lighter Shades

#517075 #698388 #80979B #98AAAD #B0BEC0 #C8D1D3

Darker Shades

#325156 #2B464A #243B3F #1E3033 #172527 #101A1B

Complementary Palette

#314F54 #395C62 #533631 #603F39 #765A55 #557378

Analogous Palette

#3B4F48 #415850 #36565C #395C62 #414958 #4E586A

Triadic Palette

#325156 #395C62 #67325F #794B72 #5F6732 #545B2C

Split Complementary Palette

#335358 #395C62 #603947 #704D59 #605239 #564A33

Square Palette

#304D52 #395C62 #504158 #584441 #476039 #647959

Tetradic Palette

#2F4B50 #395C62 #352C6D #603F39 #646D2C #808752

Contrast Checker

White Background

PASS

Example Headline (24px)

The color #395C62 contains 57 red, 92 green, and 98 blue.

Contrast Ratio: 7.36:1

Black Background

FAIL

Example Headline (24px)

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

Contrast Ratio: 2.85:1