#3A3C6B Color

Color Information

HEX	#3A3C6B
RGB	58, 60, 107
HSL	238° , 30% , 32%
HSV	238° , 46% , 42%
CMYK	46%, 44%, 0%, 58%

Lighter Shades

#52537D #696B8F #8182A0 #999AB2 #B0B1C4 #C8C8D6

Darker Shades

#33355E #2C2E51 #252644 #1E1F38 #17182B #10111E

Complementary Palette

#32345C #3A3C6B #5B5931 #6A6839 #7F7D55 #565780

Analogous Palette

#3F4A55 #45525E #373865 #3A3C6B #51455E #5D506D

Triadic Palette

#33355E #3A3C6B #723133 #834A4B #337231 #2D642B

Split Complementary Palette

#343660 #3A3C6B #6A5039 #79624D #536A39 #4B5F33

Square Palette

#31325A #3A3C6B #624153 #626141 #396A50 #59826C

Tetradic Palette

#303158 #3A3C6B #762A79 #6A6839 #2D792A #539150

Contrast Checker

White Background

PASS

Example Headline (24px)

The color #3A3C6B contains 58 red, 60 green, and 107 blue.

Contrast Ratio: 10.66:1

Black Background

FAIL

Example Headline (24px)

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

Contrast Ratio: 1.97:1