#3a696d HEX color information
| Color | HEX | RGB |
|---|---|---|
| #3a696d | RGB(58, 105, 109) |
Created at 03/13/2023 08:31
Classification of #3a696d color
#3a696d is Semi dark and Cool Color Saturation 31%, lightness 33%.
Tint of Dark Slate Gray
RGB values are RGB(58, 105, 109)
#3a696d color contains Red 22.75%, Green 41.18% and Blue 42.75%.
oklch(48.90% 0.0517 202.69)
#3a696d color contains Red 22.75%, Green 41.18% and Blue 42.75%.
oklch(48.90% 0.0517 202.69)
Color Names of #3a696d HEX code
≈ William
Alternative colors of #3a696d
Opposite Color for #3a696d is #6d3e3a
#3a696d Color Conversion
Codes and values information about the HEX color decimal, HEX. HSL, HSLA, RGB, RGBA values #3a696d
cmyk
CMYK(47%, 4%, 0%, 57%)
Decimal
3828077
HEX
#3a696d
HSL
hsl(185, 31%, 33%)
HSLA
hsla(185, 31%, 33%, 1)
RGB
RGB(58, 105, 109)
RGBA
RGBA(58, 105, 109, 1)
Palettes for #3a696d color:
Below are examples of color palettes with the #3a696d HEX color
darkest color is #060a0b from shades and lightest color is #ebf0f0 from tints
Shades palette of #3a696d:
#345f62
#2e5457
#294a4c
#233f41
#1d3537
#172a2c
#112021
#0c1516
#060a0b
#000000
Tints palette of #3a696d:
#4e787c
#61878a
#759699
#89a5a7
#9db4b6
#b0c3c5
#c4d2d3
#d8e1e2
#ebf0f0
#ffffff
Complementary palette of #3a696d:
#3a696d
#6d3e3a
Triadic palette of #3a696d:
#3a696d
#6d3a69
#696d3a
Square palette of #3a696d:
#3a696d
#583a6d
#6d3e3a
#4f6d3a
Analogous palette of #3a696d:
#3a6d58
#3a696d
#3a4f6d
Split-Complementary palette of #3a696d:
#3a696d
#6d3a4f
#6d583a
Rectangle (tetradic) palette of #3a696d:
#3a696d
#3e3a6d
#6d3e3a
#696d3a
Suggested color palettes for #3a696d HEX:
Color palette with color #3a696d #1:
Color palette with color #3a696d #2:
Color palette with color #3a696d #3:
Color palette with color #3a696d #4:
Color palette with color #3a696d #5:
Color #3a696d used in palettes (1)
Color Contrast
Color pairings of #3a696d with black and white for small text, large text and graphics, based on the WCAG accessibility contrast ratio.
#3a696d
#3a696d Contrast Ratio
6.13:1
| Size | AA-level | AAA-level |
| Large text: | ||
| Small text: |
#3a696d
#3a696d Contrast Ratio
3.42:1
| Size | AA-level | AAA-level |
| Large text: | ||
| Small text: |
Image #3a696d color png
Visit the popular colors list for more colors