#42686C Color

Color Information

HEX	#42686C
RGB	66, 104, 108
HSL	186° , 24% , 34%
HSV	186° , 39% , 42%
CMYK	39%, 4%, 0%, 58%

Lighter Shades

#597A7E #6F8C8F #869EA1 #9DB0B3 #B3C3C4 #CAD5D6

Darker Shades

#3A5C5F #324F52 #2A4345 #223638 #1A2A2B #121D1E

Complementary Palette

#39595D #42686C #5D3C39 #6C4642 #81605C #5C7D81

Analogous Palette

#435B51 #4A6459 #3E6266 #42686C #4A5464 #556172

Triadic Palette

#3A5C5F #42686C #74396D #85517F #6D7439 #606632

Split Complementary Palette

#3B5E61 #42686C #6C4253 #7B5564 #6C5B42 #61523B

Square Palette

#37575B #42686C #594A64 #644C4A #536C42 #6F8460

Tetradic Palette

#365559 #42686C #3A327B #6C4642 #737B32 #8C9357

Contrast Checker

White Background

PASS

Example Headline (24px)

The color #42686C contains 66 red, 104 green, and 108 blue.

Contrast Ratio: 6.13:1

Black Background

FAIL

Example Headline (24px)

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

Contrast Ratio: 3.42:1