#3A5A61 Color

Color Information

HEX	#3A5A61
RGB	58, 90, 97
HSL	191° , 25% , 30%
HSV	191° , 40% , 38%
CMYK	40%, 7%, 0%, 62%

Lighter Shades

#526E74 #698287 #81959A #99A9AD #B0BDC0 #C8D1D3

Darker Shades

#334F55 #2C444A #253A3E #1E2F32 #172427 #10191B

Complementary Palette

#324D53 #3A5A61 #533731 #604039 #765B55 #567177

Analogous Palette

#3B4F49 #415851 #37555B #3A5A61 #414858 #4E566A

Triadic Palette

#334F55 #3A5A61 #67325D #794B70 #5D6732 #525B2C

Split Complementary Palette

#345157 #3A5A61 #603945 #704D58 #605439 #564C33

Square Palette

#314C51 #3A5A61 #514158 #584541 #456039 #637959

Tetradic Palette

#304A50 #3A5A61 #382C6D #604039 #616D2C #7D8752

Contrast Checker

White Background

PASS

Example Headline (24px)

The color #3A5A61 contains 58 red, 90 green, and 97 blue.

Contrast Ratio: 7.55:1

Black Background

FAIL

Example Headline (24px)

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

Contrast Ratio: 2.78:1