#356472 Color

Color Information

HEX#356472
RGB53, 100, 114
HSL194° , 37% , 33%
HSV194° , 54% , 45%
CMYK54%, 12%, 0%, 55%

Lighter Shades

#4D7783 #658994 #7E9CA5 #96AEB6 #AEC1C7 #C6D4D8

Darker Shades

#2F5864 #284C57 #224049 #1C343B #15282E #0F1C20

Complementary Palette

#2E5662 #356472 #633A2E #734435 #875E51 #517A86

Analogous Palette

#3F5A53 #46625B #325E6B #356472 #464D62 #525B6F

Triadic Palette

#2F5864 #356472 #7C2D69 #8C467B #697C2D #5C6D28

Split Complementary Palette

#305A67 #356472 #733546 #814959 #736335 #685930

Square Palette

#2D5460 #356472 #603D6B #6B493D #467335 #648955

Tetradic Palette

#2B525D #356472 #3D2682 #734435 #6D8226 #87994D

Contrast Checker

White Background

PASS

Example Headline (24px)

The color #356472 contains 53 red, 100 green, and 114 blue.

Contrast Ratio: 6.55:1

Black Background

FAIL

Example Headline (24px)

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

Contrast Ratio: 3.2:1