Created at 12/07/2023 13:24
#404f63 HEX Color information
| Color | HEX | RGB |
|---|---|---|
| #404f63 | RGB(64, 79, 99) |
RGB values are RGB(64, 79, 99)
#404f63 color contain Red 25.1%, Green 30.98% and Blue 38.82%.
oklch(42.29% 0.0385 255.73)
#404f63 color contain Red 25.1%, Green 30.98% and Blue 38.82%.
oklch(42.29% 0.0385 255.73)
Classification of #404f63 color
#404f63 is Light and Cool Color Saturation 21%, lightness 32%.
Shade of darkslateblue
Alternative colors of #404f63
Opposite Color for #404f63 is #635440
#404f63 Color Conversion
Codes and values information about the HEX color decimal, HEX. HSL, HSLA, RGB, RGBA values #404f63
Decimal
4214627
HEX
#404f63
HSL
hsl(214, 21%, 32%)
HSLA
hsla(214, 21%, 32%, 1)
RGB
RGB(64, 79, 99)
RGBA
RGBA(64, 79, 99, 1)
Palettes for #404f63 color:
Below examples of color palettes for #404f63 HEX color
darkest color is #06080a from shades and lightest color is #ecedef from tints
Shades palette of #404f63:
#3a4759
#333f4f
#2d3745
#262f3b
#202832
#1a2028
#13181e
#0d1014
#06080a
#000000
Tints palette of #404f63:
#536173
#667282
#798492
#8c95a1
#a0a7b1
#b3b9c1
#c6cad0
#d9dce0
#ecedef
#ffffff
Complementary palette of #404f63:
#404f63
#635440
Triadic palette of #404f63:
#404f63
#63404f
#4f6340
Square palette of #404f63:
#404f63
#634060
#406343
#635440
Analogous palette of #404f63:
#406063
#404f63
Split-Complementary palette of #404f63:
#404f63
#406063
Rectangle (tetradic) palette of #404f63:
#404f63
#634060
#406343
#634340
Suggested colors palettes for #404f63 HEX:
Colors palette with color #404f63 #1:
Colors palette with color #404f63 #2:
Colors palette with color #404f63 #3:
Colors palette with color #404f63 #4:
Colors palette with color #404f63 #5:
Color Contrast
Color pairings #404f63 with black and white with small text, large text and graphics based on WCAG on a accessibility contrast ratio
#404f63
#404f63 Contrast Ratio
8.34:1
| Size | AA-level | AAA-level |
| Large text: | ||
| Small text: |
#404f63
#404f63 Contrast Ratio
2.51:1
| Size | AA-level | AAA-level |
| Large text: | ||
| Small text: |
Image #404f63 color png
Visit the popular colors list for more colors