Created at 02/21/2023 16:03
  31

#404a63 HEX Color information

Color HEX RGB
#404a63 RGB(64, 74, 99)

RGB values are RGB(64, 74, 99)
#404a63 color contain Red 25.1%, Green 29.02% and Blue 38.82%.

Classification of #404a63 color

#404a63 is Light and Cool Color
Opposite Color for #404a63 is Puff Dragon

#404a63 Color Conversion

Codes and values information about the HEX color decimal, HEX. HSL, HSLA, RGB, RGBA values #404a63

Decimal
4213347
HEX
#404a63
HSL
hsl(223, 21%, 32%)
HSLA
hsla(223, 21%, 32%, 1)
RGB
RGB(64, 74, 99)
RGBA
RGBA(64, 74, 99, 1)

Palettes for #404a63 color:

Below examples of color palettes for #404a63 HEX color

darkest color is #06070a from shades and lightest color is #ecedef from tints

Shades palette of #404a63:
Tints palette of #404a63:
Complementary palette of #404a63:
Triadic palette of #404a63:
Square palette of #404a63:
Analogous palette of #404a63:
Split-Complementary palette of #404a63:
Rectangle (tetradic) palette of #404a63:

Suggested colors palettes for #404a63 HEX:

Colors palette with color #404a63 #1:
Colors palette with color #404a63 #2:
Colors palette with color #404a63 #3:
Colors palette with color #404a63 #4:
Colors palette with color #404a63 #5:

Color #404a63 used in palettes (1)

Color Contrast

Color pairings #404a63 with black and white with small text, large text and graphics based on WCAG on a accessibility contrast ratio

#404a63
#404a63
Contrast Ratio
8.83:1
SizeAA-levelAAA-level
Large text:
Small text:
#404a63
#404a63
Contrast Ratio
2.37:1
SizeAA-levelAAA-level
Large text:
Small text:

Image #404a63 color png

Palette colors: How to use?

Click on any color to add in Palette
Quick palette
Maximum 10 palettes Compare
Click on «Compare» icon to add Palette in Compare List Palettes
Compare Palettes