#3a5d64 HEX color information
| Color | HEX | RGB |
|---|---|---|
| #3a5d64 | RGB(58, 93, 100) |
Created at 12/06/2023 08:11
Classification of #3a5d64 color
#3a5d64 is Semi dark and Cool Color Saturation 27%, lightness 31%.
Tint of darkslategrey
RGB values are RGB(58, 93, 100)
#3a5d64 color contains Red 22.75%, Green 36.47% and Blue 39.22%.
oklch(45.46% 0.0419 211.6)
#3a5d64 color contains Red 22.75%, Green 36.47% and Blue 39.22%.
oklch(45.46% 0.0419 211.6)
Color Names of #3a5d64 HEX code
≈ Casal
Alternative colors of #3a5d64
Opposite Color for #3a5d64 is #64413a
#3a5d64 Color Conversion
Codes and values information about the HEX color decimal, HEX. HSL, HSLA, RGB, RGBA values #3a5d64
Decimal
3824996
HEX
#3a5d64
HSL
hsl(190, 27%, 31%)
HSLA
hsla(190, 27%, 31%, 1)
RGB
RGB(58, 93, 100)
RGBA
RGBA(58, 93, 100, 1)
Palettes for #3a5d64 color:
Below examples of color palettes for #3a5d64 HEX color
darkest color is #06090a from shades and lightest color is #ebeff0 from tints
Shades palette of #3a5d64:
#34545a
#2e4a50
#294146
#23383c
#1d2f32
#172528
#111c1e
#0c1314
#06090a
#000000
Tints palette of #3a5d64:
#4e6d74
#617d83
#758e93
#899ea2
#9daeb2
#b0bec1
#c4ced1
#d8dfe0
#ebeff0
#ffffff
Complementary palette of #3a5d64:
#3a5d64
#64413a
Triadic palette of #3a5d64:
#3a5d64
#643a5d
#5d643a
Square palette of #3a5d64:
#3a5d64
#563a64
#64413a
#48643a
Analogous palette of #3a5d64:
#3a6456
#3a5d64
#3a4864
Split-Complementary palette of #3a5d64:
#3a5d64
#643a48
#64563a
Rectangle (tetradic) palette of #3a5d64:
#3a5d64
#413a64
#64413a
#5d643a
Suggested color palettes for #3a5d64 HEX:
Color palette with color #3a5d64 #1:
Color palette with color #3a5d64 #2:
Color palette with color #3a5d64 #3:
Color palette with color #3a5d64 #4:
Color palette with color #3a5d64 #5:
Color #3a5d64 used in palettes (1)
Color Contrast
Color pairings #3a5d64 with black and white with small text, large text and graphics based on WCAG on a accessibility contrast ratio
#3a5d64
#3a5d64 Contrast Ratio
7.16:1
| Size | AA-level | AAA-level |
| Large text: | ||
| Small text: |
#3a5d64
#3a5d64 Contrast Ratio
2.92:1
| Size | AA-level | AAA-level |
| Large text: | ||
| Small text: |
Image #3a5d64 color png
Visit the popular colors list for more colors