#3A95A5 Color

Color Information

HEX#3A95A5
RGB58, 149, 165
HSL189° , 48% , 44%
HSV189° , 65% , 65%
CMYK65%, 10%, 0%, 35%

Lighter Shades

#52A2B0 #69AEBB #81BBC5 #99C8D0 #B0D5DB #C8E1E6

Darker Shades

#338391 #2C717D #255F6A #1E4D56 #173C42 #102A2E

Complementary Palette

#32808E #3A95A5 #8F4132 #A64B3A #B26456 #56A4B2

Analogous Palette

#48846F #51907A #378C9B #3A95A5 #516790 #627393

Triadic Palette

#338391 #3A95A5 #B12F9E #BA48AA #9EB12F #8B9C29

Split Complementary Palette

#348695 #3A95A5 #A63A60 #AF4E70 #A6803A #957334

Square Palette

#317D8B #3A95A5 #7D469B #9B5246 #60A63A #79B45A

Tetradic Palette

#307A87 #3A95A5 #3C26BA #A64B3A #A4BA26 #B4C64D

Contrast Checker

White Background

FAIL

Example Headline (24px)

The color #3A95A5 contains 58 red, 149 green, and 165 blue.

Contrast Ratio: 3.44:1

Black Background

PASS

Example Headline (24px)

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

Contrast Ratio: 6.1:1