#3F525B Color

Color Information

HEX#3F525B
RGB63, 82, 91
HSL199° , 18% , 30%
HSV199° , 31% , 36%
CMYK31%, 10%, 0%, 64%

Lighter Shades

#56676F #6D7C82 #849096 #9BA5AA #B2BABD #C9CFD1

Darker Shades

#374850 #303E45 #28343A #212B2F #192124 #121719

Complementary Palette

#36474E #3F525B #4D3D36 #5A473F #71615A #5A6A72

Analogous Palette

#3D524E #415854 #3B4D56 #3F525B #414558 #4C5167

Triadic Palette

#374850 #3F525B #623755 #754F69 #556237 #4B5630

Split Complementary Palette

#394A52 #3F525B #5A3F44 #6B5257 #5A553F #514D39

Square Palette

#35454C #3F525B #544158 #584841 #445A3F #62745E

Tetradic Palette

#34434B #3F525B #413168 #5A473F #586831 #768356

Contrast Checker

White Background

PASS

Example Headline (24px)

The color #3F525B contains 63 red, 82 green, and 91 blue.

Contrast Ratio: 8.32:1

Black Background

FAIL

Example Headline (24px)

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

Contrast Ratio: 2.52:1