#3F4155 Color

Color Information

HEX#3F4155
RGB63, 65, 85
HSL235° , 15% , 29%
HSV235° , 26% , 33%
CMYK26%, 24%, 0%, 67%

Lighter Shades

#565869 #6D6F7E #848592 #9B9CA7 #B2B3BB #C9CACF

Darker Shades

#37394B #303141 #282A36 #21222C #191A22 #121218

Complementary Palette

#363849 #3F4155 #494736 #55533F #6D6B5A #5A5C6D

Analogous Palette

#3B474F #3F4C55 #3B3D50 #3F4155 #483F55 #574C67

Triadic Palette

#37394B #3F4155 #5C373B #704F53 #3B5C37 #345130

Split Complementary Palette

#393B4D #3F4155 #55483F #665A52 #4C553F #444D39

Square Palette

#353747 #3F4155 #553F4C #55533F #3F5548 #5E7065

Tetradic Palette

#343546 #3F4155 #5E3262 #55533F #366232 #5A7E57

Contrast Checker

White Background

PASS

Example Headline (24px)

The color #3F4155 contains 63 red, 65 green, and 85 blue.

Contrast Ratio: 10.33:1

Black Background

FAIL

Example Headline (24px)

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

Contrast Ratio: 2.03:1