#404B63 Color

Color Information

HEX#404B63
RGB64, 75, 99
HSL221° , 21% , 32%
HSV221° , 35% , 39%
CMYK35%, 24%, 0%, 61%

Lighter Shades

#576176 #6E7688 #858C9B #9CA1AE #B3B7C1 #CACDD3

Darker Shades

#384257 #31394B #29303F #212733 #1A1E28 #12151C

Complementary Palette

#374155 #404B63 #554C37 #635840 #796F5B #5B6479

Analogous Palette

#3F5155 #45595E #3C475D #404B63 #4A455E #56506D

Triadic Palette

#384257 #404B63 #6B3848 #7D505E #486B38 #3F5E31

Split Complementary Palette

#3A4459 #404B63 #634740 #735953 #5C6340 #53593A

Square Palette

#363F53 #404B63 #5E4559 #5E5645 #406347 #5F7C64

Tetradic Palette

#343E51 #404B63 #5D3271 #635840 #467132 #678B57

Contrast Checker

White Background

PASS

Example Headline (24px)

The color #404B63 contains 64 red, 75 green, and 99 blue.

Contrast Ratio: 8.93:1

Black Background

FAIL

Example Headline (24px)

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

Contrast Ratio: 2.35:1