#3a4f86 HEX color information
| Color | HEX | RGB |
|---|---|---|
| #3a4f86 | RGB(58, 79, 134) |
Created at 06/25/2026 16:02
Classification of #3a4f86 color
#3a4f86 is Semi dark and Cool Color Saturation 40%, lightness 38%.
Tint of darkslateblue
RGB values are RGB(58, 79, 134)
#3a4f86 color contains Red 22.75%, Green 30.98% and Blue 52.55%.
oklch(43.78% 0.0946 266.75)
#3a4f86 color contains Red 22.75%, Green 30.98% and Blue 52.55%.
oklch(43.78% 0.0946 266.75)
Color Names of #3a4f86 HEX code
≈ Chambray
Alternative colors of #3a4f86
Opposite Color for #3a4f86 is #86713a
#3a4f86 Color Conversion
Codes and values information about the HEX color decimal, HEX. HSL, HSLA, RGB, RGBA values #3a4f86
Decimal
3821446
HEX
#3a4f86
HSL
hsl(223, 40%, 38%)
HSLA
hsla(223, 40%, 38%, 1)
RGB
RGB(58, 79, 134)
RGBA
RGBA(58, 79, 134, 1)
Palettes for #3a4f86 color:
Below examples of color palettes for #3a4f86 HEX color
darkest color is #06080d from shades and lightest color is #ebedf3 from tints
Shades palette of #3a4f86:
#344779
#2e3f6b
#29375e
#232f50
#1d2843
#172036
#111828
#0c101b
#06080d
#000000
Tints palette of #3a4f86:
#4e6192
#61729e
#7584aa
#8995b6
#9da7c3
#b0b9cf
#c4cadb
#d8dce7
#ebedf3
#ffffff
Complementary palette of #3a4f86:
#3a4f86
#86713a
Triadic palette of #3a4f86:
#3a4f86
#863a4f
#4f863a
Square palette of #3a4f86:
#3a4f86
#863a75
#86713a
#3a864b
Analogous palette of #3a4f86:
#3a7586
#3a4f86
#4b3a86
Split-Complementary palette of #3a4f86:
#3a4f86
#864b3a
#75863a
Rectangle (tetradic) palette of #3a4f86:
#3a4f86
#713a86
#86713a
#4f863a
Suggested color palettes for #3a4f86 HEX:
Color palette with color #3a4f86 #1:
Color palette with color #3a4f86 #2:
Color palette with color #3a4f86 #3:
Color palette with color #3a4f86 #4:
Color palette with color #3a4f86 #5:
Color #3a4f86 used in palettes (1)
Color Contrast
Color pairings #3a4f86 with black and white with small text, large text and graphics based on WCAG on a accessibility contrast ratio
#3a4f86
#3a4f86 Contrast Ratio
7.94:1
| Size | AA-level | AAA-level |
| Large text: | ||
| Small text: |
#3a4f86
#3a4f86 Contrast Ratio
2.64:1
| Size | AA-level | AAA-level |
| Large text: | ||
| Small text: |
Image #3a4f86 color png
Visit the popular colors list for more colors