#404c83 HEX color information
| Color | HEX | RGB |
|---|---|---|
| #404c83 | RGB(64, 76, 131) |
Created at 03/04/2023 16:13
Classification of #404c83 color
#404c83 is Semi dark and Cool Color Saturation 34%, lightness 38%.
Tint of darkslateblue
RGB values are RGB(64, 76, 131)
#404c83 color contains Red 25.1%, Green 29.8% and Blue 51.37%.
oklch(43.33% 0.092 272.73)
#404c83 color contains Red 25.1%, Green 29.8% and Blue 51.37%.
oklch(43.33% 0.092 272.73)
Color Names of #404c83 HEX code
Purple Navy Color
≈ East Bay
Alternative colors of #404c83
Opposite Color for #404c83 is #837740
#404c83 Color Conversion
Codes and values information about the HEX color decimal, HEX. HSL, HSLA, RGB, RGBA values #404c83
Decimal
4213891
HEX
#404c83
HSL
hsl(229, 34%, 38%)
HSLA
hsla(229, 34%, 38%, 1)
RGB
RGB(64, 76, 131)
RGBA
RGBA(64, 76, 131, 1)
Palettes for #404c83 color:
Below examples of color palettes for #404c83 HEX color
darkest color is #06080d from shades and lightest color is #ecedf3 from tints
Shades palette of #404c83:
#3a4476
#333d69
#2d355c
#262e4f
#202642
#1a1e34
#131727
#0d0f1a
#06080d
#000000
Tints palette of #404c83:
#535e8f
#66709c
#7982a8
#8c94b5
#a0a6c1
#b3b7cd
#c6c9da
#d9dbe6
#ecedf3
#ffffff
Complementary palette of #404c83:
#404c83
#837740
Triadic palette of #404c83:
#404c83
#83404c
#4c8340
Square palette of #404c83:
#404c83
#83406e
#837740
#408355
Analogous palette of #404c83:
#406e83
#404c83
#554083
Split-Complementary palette of #404c83:
#404c83
#835540
#6e8340
Rectangle (tetradic) palette of #404c83:
#404c83
#774083
#837740
#4c8340
Suggested color palettes for #404c83 HEX:
Color palette with color #404c83 #1:
Color palette with color #404c83 #2:
Color palette with color #404c83 #3:
Color palette with color #404c83 #4:
Color palette with color #404c83 #5:
Color #404c83 used in palettes (3)
Color Contrast
Color pairings #404c83 with black and white with small text, large text and graphics based on WCAG on a accessibility contrast ratio
#404c83
#404c83 Contrast Ratio
8.14:1
| Size | AA-level | AAA-level |
| Large text: | ||
| Small text: |
#404c83
#404c83 Contrast Ratio
2.57:1
| Size | AA-level | AAA-level |
| Large text: | ||
| Small text: |
Image #404c83 color png
Visit the popular colors list for more colors