#3a4c7e HEX color information
| Color | HEX | RGB |
|---|---|---|
| #3a4c7e | RGB(58, 76, 126) |
Created at 03/03/2023 05:46
Classification of #3a4c7e color
#3a4c7e is Semi dark and Cool Color Saturation 37%, lightness 36%.
Tint of Dark Slate Blue
RGB values are RGB(58, 76, 126)
#3a4c7e color contains Red 22.75%, Green 29.8% and Blue 49.41%.
oklch(42.60% 0.0864 267.69)
#3a4c7e color contains Red 22.75%, Green 29.8% and Blue 49.41%.
oklch(42.60% 0.0864 267.69)
Color Names of #3a4c7e HEX code
≈ East Bay
Alternative colors of #3a4c7e
Opposite Color for #3a4c7e is #7e6c3a
#3a4c7e Color Conversion
Codes and values information about the HEX color decimal, HEX. HSL, HSLA, RGB, RGBA values #3a4c7e
cmyk
CMYK(54%, 40%, 0%, 51%)
Decimal
3820670
HEX
#3a4c7e
HSL
hsl(224, 37%, 36%)
HSLA
hsla(224, 37%, 36%, 1)
RGB
RGB(58, 76, 126)
RGBA
RGBA(58, 76, 126, 1)
Palettes for #3a4c7e color:
Below are examples of color palettes with the #3a4c7e HEX color
darkest color is #06080d from shades and lightest color is #ebedf2 from tints
Shades palette of #3a4c7e:
#344471
#2e3d65
#293558
#232e4c
#1d263f
#171e32
#111726
#0c0f19
#06080d
#000000
Tints palette of #3a4c7e:
#4e5e8b
#617098
#7582a5
#8994b2
#9da6bf
#b0b7cb
#c4c9d8
#d8dbe5
#ebedf2
#ffffff
Complementary palette of #3a4c7e:
#3a4c7e
#7e6c3a
Triadic palette of #3a4c7e:
#3a4c7e
#7e3a4c
#4c7e3a
Square palette of #3a4c7e:
#3a4c7e
#7e3a6e
#7e6c3a
#3a7e4a
Analogous palette of #3a4c7e:
#3a6e7e
#3a4c7e
#4a3a7e
Split-Complementary palette of #3a4c7e:
#3a4c7e
#7e4a3a
#6e7e3a
Rectangle (tetradic) palette of #3a4c7e:
#3a4c7e
#6c3a7e
#7e6c3a
#4c7e3a
Suggested color palettes for #3a4c7e HEX:
Color palette with color #3a4c7e #1:
Color palette with color #3a4c7e #2:
Color palette with color #3a4c7e #3:
Color palette with color #3a4c7e #4:
Color palette with color #3a4c7e #5:
Color #3a4c7e used in palettes (1)
Color Contrast
Color pairings of #3a4c7e with black and white for small text, large text and graphics, based on the WCAG accessibility contrast ratio.
#3a4c7e
#3a4c7e Contrast Ratio
8.35:1
| Size | AA-level | AAA-level |
| Large text: | ||
| Small text: |
#3a4c7e
#3a4c7e Contrast Ratio
2.51:1
| Size | AA-level | AAA-level |
| Large text: | ||
| Small text: |
Image #3a4c7e color png
Visit the popular colors list for more colors