#3a486c HEX color information
| Color | HEX | RGB |
|---|---|---|
| #3a486c | RGB(58, 72, 108) |
Created at 02/27/2023 10:01
RGB values are RGB(58, 72, 108)
#3a486c color contains Red 22.75%, Green 28.24% and Blue 42.35%.
oklch(40.62% 0.0635 267.34)
#3a486c color contains Red 22.75%, Green 28.24% and Blue 42.35%.
oklch(40.62% 0.0635 267.34)
Color Names of #3a486c HEX code
≈ San Juan
Classification of #3a486c color
#3a486c is Semi dark and Cool Color Saturation 30%, lightness 33%.
Shade of Dark Slate Blue
Alternative colors of #3a486c
Opposite Color for #3a486c is #6c5e3a
#3a486c Color Conversion
Codes and values information about the HEX color decimal, HEX. HSL, HSLA, RGB, RGBA values #3a486c
cmyk
CMYK(46%, 33%, 0%, 58%)
Decimal
3819628
HEX
#3a486c
HSL
hsl(223, 30%, 33%)
HSLA
hsla(223, 30%, 33%, 1)
RGB
RGB(58, 72, 108)
RGBA
RGBA(58, 72, 108, 1)
Palettes for #3a486c color:
Below are examples of color palettes with the #3a486c HEX color
darkest color is #06070b from shades and lightest color is #ebedf0 from tints
Shades palette of #3a486c:
#344161
#2e3a56
#29324c
#232b41
#1d2436
#171d2b
#111620
#0c0e16
#06070b
#000000
Tints palette of #3a486c:
#4e5a7b
#616d89
#757f98
#8991a7
#9da4b6
#b0b6c4
#c4c8d3
#d8dae2
#ebedf0
#ffffff
Complementary palette of #3a486c:
#3a486c
#6c5e3a
Triadic palette of #3a486c:
#3a486c
#6c3a48
#486c3a
Square palette of #3a486c:
#3a486c
#6c3a61
#6c5e3a
#3a6c45
Analogous palette of #3a486c:
#3a616c
#3a486c
#453a6c
Split-Complementary palette of #3a486c:
#3a486c
#6c453a
#616c3a
Rectangle (tetradic) palette of #3a486c:
#3a486c
#5e3a6c
#6c5e3a
#486c3a
Suggested color palettes for #3a486c HEX:
Color palette with color #3a486c #1:
Color palette with color #3a486c #2:
Color palette with color #3a486c #3:
Color palette with color #3a486c #4:
Color palette with color #3a486c #5:
Color #3a486c used in palettes (1)
Color Contrast
Color pairings of #3a486c with black and white for small text, large text and graphics, based on the WCAG accessibility contrast ratio.
#3a486c
#3a486c Contrast Ratio
9.03:1
| Size | AA-level | AAA-level |
| Large text: | ||
| Small text: |
#3a486c
#3a486c Contrast Ratio
2.32:1
| Size | AA-level | AAA-level |
| Large text: | ||
| Small text: |
Image #3a486c color png
Visit the popular colors list for more colors