#3A5F93 Color

Color Information

HEX#3A5F93
RGB58, 95, 147
HSL215° , 43% , 40%
HSV215° , 61% , 58%
CMYK61%, 35%, 0%, 42%

Lighter Shades

#5272A0 #6985AD #8199BA #99ACC7 #B0BFD4 #C8D2E1

Darker Shades

#335481 #2C4870 #253D5E #1E314C #17263B #101B29

Complementary Palette

#32527E #3A5F93 #7E5E32 #926D3A #A18156 #5675A2

Analogous Palette

#497174 #4F7A7D #37598A #3A5F93 #524F7D #646284

Triadic Palette

#335481 #3A5F93 #9C305D #A84970 #5D9C30 #52892A

Split Complementary Palette

#345684 #3A5F93 #92413A #9D544E #8B923A #7D8334

Square Palette

#31507B #3A5F93 #884482 #886C44 #3A9241 #5AA35F

Tetradic Palette

#304E79 #3A5F93 #7028A4 #926D3A #5CA428 #79B44F

Contrast Checker

White Background

PASS

Example Headline (24px)

The color #3A5F93 contains 58 red, 95 green, and 147 blue.

Contrast Ratio: 6.52:1

Black Background

FAIL

Example Headline (24px)

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

Contrast Ratio: 3.22:1