#3A868E Color

Color Information

HEX	#3A868E
RGB	58, 134, 142
HSL	186° , 42% , 39%
HSV	186° , 59% , 56%
CMYK	59%, 6%, 0%, 44%

Lighter Shades

#52959C #69A3A9 #81B2B7 #99C0C4 #B0CFD2 #C8DDDF

Darker Shades

#33767D #2C666C #25565B #1E464A #173639 #102628

Complementary Palette

#32737A #3A868E #793932 #8D423A #9D5C56 #56979E

Analogous Palette

#487060 #4E7968 #377E85 #3A868E #4E5F79 #5F6D81

Triadic Palette

#33767D #3A868E #97308D #A3499B #8D9730 #7C852A

Split Complementary Palette

#347980 #3A868E #8D3A5B #984E6B #8D6C3A #7F6134

Square Palette

#317177 #3A868E #6A4483 #834A44 #5B8D3A #759F5A

Tetradic Palette

#306E74 #3A868E #34289F #8D423A #939F28 #A6B04F

Contrast Checker

White Background

FAIL

Example Headline (24px)

The color #3A868E contains 58 red, 134 green, and 142 blue.

Contrast Ratio: 4.17:1

Black Background

PASS

Example Headline (24px)

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

Contrast Ratio: 5.03:1