#3F5350 Color

Color Information

HEX#3F5350
RGB63, 83, 80
HSL171° , 14% , 29%
HSV171° , 24% , 33%
CMYK24%, 0%, 4%, 67%

Lighter Shades

#566865 #6D7C7A #84918F #9BA6A4 #B2BAB9 #C9CFCE

Darker Shades

#374946 #303F3D #283533 #212B2A #192120 #121716

Complementary Palette

#364745 #3F5350 #48373A #544043 #6C5B5D #5A6B69

Analogous Palette

#3B4F41 #3F5547 #3B4E4B #3F5350 #3F4D55 #4C5D67

Triadic Palette

#374946 #3F5350 #56385C #6A5070 #5C5638 #514C31

Split Complementary Palette

#394B48 #3F5350 #54404D #65535F #544740 #4C403A

Square Palette

#354643 #3F5350 #473F55 #553F42 #4D5440 #696F5F

Tetradic Palette

#344442 #3F5350 #323962 #544043 #625B32 #7E7957

Contrast Checker

White Background

PASS

Example Headline (24px)

The color #3F5350 contains 63 red, 83 green, and 80 blue.

Contrast Ratio: 8.33:1

Black Background

FAIL

Example Headline (24px)

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

Contrast Ratio: 2.52:1