#4A5F70 Color

Color Information

HEX	#4A5F70
RGB	74, 95, 112
HSL	207° , 20% , 36%
HSV	207° , 34% , 44%
CMYK	34%, 15%, 0%, 56%

Lighter Shades

#607281 #758592 #8B99A3 #A1ACB5 #B7BFC6 #CCD2D7

Darker Shades

#415463 #384855 #2F3D48 #26313A #1E262D #151B1F

Complementary Palette

#405260 #4A5F70 #5F4D3F #6E5A49 #827162 #637584

Analogous Palette

#48615F #4E6A68 #465969 #4A5F70 #4E4F6A #595A78

Triadic Palette

#415463 #4A5F70 #77405F #875772 #5F7740 #546938

Split Complementary Palette

#435665 #4A5F70 #6E494B #7D5B5D #6E6C49 #636142

Square Palette

#3E505E #4A5F70 #684E6A #6A5B4E #4B6E49 #688566

Tetradic Palette

#3D4E5C #4A5F70 #59397F #6E5A49 #607F39 #7D965D

Contrast Checker

White Background

PASS

Example Headline (24px)

The color #4A5F70 contains 74 red, 95 green, and 112 blue.

Contrast Ratio: 6.68:1

Black Background

FAIL

Example Headline (24px)

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

Contrast Ratio: 3.15:1