#3A354C Color

Color Information

HEX#3A354C
RGB58, 53, 76
HSL253° , 18% , 25%
HSV253° , 30% , 30%
CMYK24%, 30%, 0%, 70%

Lighter Shades

#524D61 #696577 #817E8C #9996A2 #B0AEB7 #C8C6CD

Darker Shades

#332F43 #2C283A #252231 #1E1C28 #17151E #100F15

Complementary Palette

#322E41 #3A354C #3C412D #464B34 #606450 #565165

Analogous Palette

#323743 #363C49 #373247 #3A354C #443649 #55435B

Triadic Palette

#332F43 #3A354C #52362E #674E47 #2E5236 #284830

Split Complementary Palette

#343044 #3A354C #4B4534 #5D5848 #3B4B34 #35442F

Square Palette

#312D40 #3A354C #49363C #454936 #344B45 #546863

Tetradic Palette

#302B3E #3A354C #57294D #464B34 #295733 #507558

Contrast Checker

White Background

PASS

Example Headline (24px)

The color #3A354C contains 58 red, 53 green, and 76 blue.

Contrast Ratio: 12.24:1

Black Background

FAIL

Example Headline (24px)

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

Contrast Ratio: 1.72:1