#3A4F53 Color

Color Information

HEX#3A4F53
RGB58, 79, 83
HSL190° , 18% , 28%
HSV190° , 30% , 33%
CMYK30%, 5%, 0%, 67%

Lighter Shades

#526468 #69797C #818E91 #99A3A6 #B0B9BA #C8CECF

Darker Shades

#334649 #2C3C3F #253335 #1E292B #172021 #101617

Complementary Palette

#324447 #3A4F53 #483633 #543F3B #6C5A56 #56686B

Analogous Palette

#384C46 #3D524B #374A4E #3A4F53 #3D4352 #4A5164

Triadic Palette

#334649 #3A4F53 #5B3454 #6F4C69 #545B34 #4A502E

Split Complementary Palette

#34474B #3A4F53 #543B43 #654F56 #544C3B #4C4435

Square Palette

#314246 #3A4F53 #4B3D52 #52403D #43543B #616F5A

Tetradic Palette

#304144 #3A4F53 #372E60 #543F3B #58602E #767D54

Contrast Checker

White Background

PASS

Example Headline (24px)

The color #3A4F53 contains 58 red, 79 green, and 83 blue.

Contrast Ratio: 8.85:1

Black Background

FAIL

Example Headline (24px)

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

Contrast Ratio: 2.37:1