#3a486f HEX color information
| Color | HEX | RGB |
|---|---|---|
| #3a486f | RGB(58, 72, 111) |
Created at 02/21/2023 13:15
RGB values are RGB(58, 72, 111)
#3a486f color contains Red 22.75%, Green 28.24% and Blue 43.53%.
oklch(40.78% 0.0683 268.26)
#3a486f color contains Red 22.75%, Green 28.24% and Blue 43.53%.
oklch(40.78% 0.0683 268.26)
Color Names of #3a486f HEX code
≈ San Juan
Classification of #3a486f color
#3a486f is Semi dark and Cool Color Saturation 31%, lightness 33%.
Shade of Dark Slate Blue
Alternative colors of #3a486f
Opposite Color for #3a486f is #6f613a
#3a486f Color Conversion
Codes and values information about the HEX color decimal, HEX. HSL, HSLA, RGB, RGBA values #3a486f
cmyk
CMYK(48%, 35%, 0%, 56%)
Decimal
3819631
HEX
#3a486f
HSL
hsl(224, 31%, 33%)
HSLA
hsla(224, 31%, 33%, 1)
RGB
RGB(58, 72, 111)
RGBA
RGBA(58, 72, 111, 1)
Palettes for #3a486f color:
Below are examples of color palettes with the #3a486f HEX color
darkest color is #06070b from shades and lightest color is #ebedf1 from tints
Shades palette of #3a486f:
#344164
#2e3a59
#29324e
#232b43
#1d2438
#171d2c
#111621
#0c0e16
#06070b
#000000
Tints palette of #3a486f:
#4e5a7d
#616d8c
#757f9a
#8991a9
#9da4b7
#b0b6c5
#c4c8d4
#d8dae2
#ebedf1
#ffffff
Complementary palette of #3a486f:
#3a486f
#6f613a
Triadic palette of #3a486f:
#3a486f
#6f3a48
#486f3a
Square palette of #3a486f:
#3a486f
#6f3a62
#6f613a
#3a6f47
Analogous palette of #3a486f:
#3a626f
#3a486f
#473a6f
Split-Complementary palette of #3a486f:
#3a486f
#6f463a
#626f3a
Rectangle (tetradic) palette of #3a486f:
#3a486f
#613a6f
#6f613a
#486f3a
Suggested color palettes for #3a486f HEX:
Color palette with color #3a486f #1:
Color palette with color #3a486f #2:
Color palette with color #3a486f #3:
Color palette with color #3a486f #4:
Color palette with color #3a486f #5:
Color #3a486f used in palettes (1)
Color Contrast
Color pairings of #3a486f with black and white for small text, large text and graphics, based on the WCAG accessibility contrast ratio.
#3a486f
#3a486fContrast Ratio
8.98:1
| Size | AA-level | AAA-level |
| Large text: | ||
| Small text: |
#3a486f
#3a486fContrast Ratio
2.33:1
| Size | AA-level | AAA-level |
| Large text: | ||
| Small text: |
Image #3a486f color png
Visit the popular colors list for more colors