#3A5869 Color

Color Information

HEX#3A5869
RGB58, 88, 105
HSL202° , 29% , 32%
HSV202° , 45% , 41%
CMYK45%, 16%, 0%, 59%

Lighter Shades

#526C7B #69808D #81949F #99A8B1 #B0BCC3 #C8D0D5

Darker Shades

#334D5C #2C4350 #253843 #1E2E37 #17232A #10191D

Complementary Palette

#324C5A #3A5869 #5A4132 #694B3A #7E6456 #566F7E

Analogous Palette

#3F5552 #455E5B #375363 #3A5869 #45495E #50536D

Triadic Palette

#334D5C #3A5869 #71325A #824B6E #5A7132 #4F632C

Split Complementary Palette

#344F5F #3A5869 #693A40 #784E53 #69633A #5F5934

Square Palette

#314A58 #3A5869 #5D4261 #614D42 #40693A #5F815A

Tetradic Palette

#304856 #3A5869 #472B78 #694B3A #5C782B #799051

Contrast Checker

White Background

PASS

Example Headline (24px)

The color #3A5869 contains 58 red, 88 green, and 105 blue.

Contrast Ratio: 7.65:1

Black Background

FAIL

Example Headline (24px)

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

Contrast Ratio: 2.75:1