#3A4055 Color

Color Information

HEX#3A4055
RGB58, 64, 85
HSL227° , 19% , 28%
HSV227° , 32% , 33%
CMYK32%, 25%, 0%, 67%

Lighter Shades

#525769 #696E7E #818592 #999CA7 #B0B3BB #C8CACF

Darker Shades

#33384B #2C3141 #252936 #1E212C #171A22 #101218

Complementary Palette

#323749 #3A4055 #494432 #554F3A #6D6856 #565B6D

Analogous Palette

#38474C #3D4C52 #373C50 #3A4055 #433D52 #514A64

Triadic Palette

#33384B #3A4055 #5C333C #704B53 #3C5C33 #35512D

Split Complementary Palette

#343A4D #3A4055 #55423A #66554E #4D553A #454D34

Square Palette

#313647 #3A4055 #523D4C #524D3D #3A5542 #5A7060

Tetradic Palette

#303446 #3A4055 #562D62 #554F3A #38622D #5C7E53

Contrast Checker

White Background

PASS

Example Headline (24px)

The color #3A4055 contains 58 red, 64 green, and 85 blue.

Contrast Ratio: 10.63:1

Black Background

FAIL

Example Headline (24px)

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

Contrast Ratio: 1.98:1