#3A5F96 Color

Color Information

HEX#3A5F96
RGB58, 95, 150
HSL216° , 44% , 41%
HSV216° , 61% , 59%
CMYK61%, 37%, 0%, 41%

Lighter Shades

#5272A3 #6985AF #8199BC #99ACC8 #B0BFD5 #C8D2E2

Darker Shades

#335484 #2C4872 #253D60 #1E314E #17263C #101B2A

Complementary Palette

#325281 #3A5F96 #826233 #97723B #A68656 #5675A5

Analogous Palette

#4A7478 #4F7C82 #37598D #3A5F96 #544F82 #666388

Triadic Palette

#335484 #3A5F96 #A1305B #AC496F #5BA130 #508E2A

Split Complementary Palette

#345687 #3A5F96 #97443B #A1574F #8D973B #7F8835

Square Palette

#31507E #3A5F96 #8C4584 #8C7045 #3B9744 #5AA862

Tetradic Palette

#304E7B #3A5F96 #7628A9 #97723B #59A928 #77B84F

Contrast Checker

White Background

PASS

Example Headline (24px)

The color #3A5F96 contains 58 red, 95 green, and 150 blue.

Contrast Ratio: 6.48:1

Black Background

FAIL

Example Headline (24px)

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

Contrast Ratio: 3.24:1