#3a565e HEX color information
| Color | HEX | RGB |
|---|---|---|
| #3a565e | RGB(58, 86, 94) |
Created at 02/28/2023 17:31
Classification of #3a565e color
#3a565e is Semi dark and Cool Color Saturation 24%, lightness 30%.
Tint of Dark Slate Gray
RGB values are RGB(58, 86, 94)
#3a565e color contains Red 22.75%, Green 33.73% and Blue 36.86%.
oklch(43.41% 0.0359 217.52)
#3a565e color contains Red 22.75%, Green 33.73% and Blue 36.86%.
oklch(43.41% 0.0359 217.52)
Color Names of #3a565e HEX code
≈ Fiord
Alternative colors of #3a565e
Opposite Color for #3a565e is #5e423a
#3a565e Color Conversion
Codes and values information about the HEX color decimal, HEX. HSL, HSLA, RGB, RGBA values #3a565e
cmyk
CMYK(38%, 9%, 0%, 63%)
Decimal
3823198
HEX
#3a565e
HSL
hsl(193, 24%, 30%)
HSLA
hsla(193, 24%, 30%, 1)
RGB
RGB(58, 86, 94)
RGBA
RGBA(58, 86, 94, 1)
Palettes for #3a565e color:
Below are examples of color palettes with the #3a565e HEX color
darkest color is #060909 from shades and lightest color is #ebeeef from tints
Shades palette of #3a565e:
#344d55
#2e454b
#293c42
#233438
#1d2b2f
#172226
#111a1c
#0c1113
#060909
#000000
Tints palette of #3a565e:
#4e676e
#61787e
#75898e
#899a9e
#9dabaf
#b0bbbf
#c4cccf
#d8dddf
#ebeeef
#ffffff
Complementary palette of #3a565e:
#3a565e
#5e423a
Triadic palette of #3a565e:
#3a565e
#5e3a56
#565e3a
Square palette of #3a565e:
#3a565e
#543a5e
#5e423a
#445e3a
Analogous palette of #3a565e:
#3a5e54
#3a565e
#3a445e
Split-Complementary palette of #3a565e:
#3a565e
#5e3a44
#5e543a
Rectangle (tetradic) palette of #3a565e:
#3a565e
#423a5e
#5e423a
#565e3a
Suggested color palettes for #3a565e HEX:
Color palette with color #3a565e #1:
Color palette with color #3a565e #2:
Color palette with color #3a565e #3:
Color palette with color #3a565e #4:
Color palette with color #3a565e #5:
Color #3a565e used in palettes (3)
Color Contrast
Color pairings of #3a565e with black and white for small text, large text and graphics, based on the WCAG accessibility contrast ratio.
#3a565e
#3a565e Contrast Ratio
7.85:1
| Size | AA-level | AAA-level |
| Large text: | ||
| Small text: |
#3a565e
#3a565e Contrast Ratio
2.67:1
| Size | AA-level | AAA-level |
| Large text: | ||
| Small text: |
Image #3a565e color png
Visit the popular colors list for more colors