#3A334D Color

Color Information

HEX	#3A334D
RGB	58, 51, 77
HSL	256° , 20% , 25%
HSV	256° , 34% , 30%
CMYK	25%, 34%, 0%, 70%

Lighter Shades

#524B62 #696478 #817C8D #9995A2 #B0ADB8 #C8C6CD

Darker Shades

#332D44 #2C273B #252131 #1E1B28 #17141F #100E16

Complementary Palette

#322C42 #3A334D #3C422C #464D33 #606650 #565066

Analogous Palette

#323543 #363B49 #373048 #3A334D #453649 #56435B

Triadic Palette

#332D44 #3A334D #53372D #684F46 #2D5337 #284930

Split Complementary Palette

#342E45 #3A334D #4D4733 #5F5947 #394D33 #33452E

Square Palette

#312B41 #3A334D #49363B #444936 #334D47 #546964

Tetradic Palette

#302A3F #3A334D #58284B #464D33 #285834 #4F7659

Contrast Checker

White Background

PASS

Example Headline (24px)

The color #3A334D contains 58 red, 51 green, and 77 blue.

Contrast Ratio: 12.49:1

Black Background

FAIL

Example Headline (24px)

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

Contrast Ratio: 1.68:1