#3A6CA6 Color

Color Information

HEX#3A6CA6
RGB58, 108, 166
HSL212° , 48% , 44%
HSV212° , 65% , 65%
CMYK65%, 35%, 0%, 35%

Lighter Shades

#527EB1 #698FBB #81A1C6 #99B3D1 #B0C4DB #C8D6E6

Darker Shades

#335F92 #2C527E #25456A #1E3856 #172B42 #101E2E

Complementary Palette

#325D8F #3A6CA6 #8F6432 #A6743A #B28756 #5681B2

Analogous Palette

#488284 #518E90 #37669C #3A6CA6 #535190 #646293

Triadic Palette

#335F92 #3A6CA6 #B12F6C #BA487E #6CB12F #5F9C29

Split Complementary Palette

#346195 #3A6CA6 #A63E3A #AF514E #A2A63A #929534

Square Palette

#315B8B #3A6CA6 #9B4698 #9B7346 #3AA63E #5AB45D

Tetradic Palette

#305988 #3A6CA6 #7526BA #A6743A #6BBA26 #86C64D

Contrast Checker

White Background

PASS

Example Headline (24px)

The color #3A6CA6 contains 58 red, 108 green, and 166 blue.

Contrast Ratio: 5.4:1

Black Background

FAIL

Example Headline (24px)

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

Contrast Ratio: 3.89:1