Created at 12/22/2023 18:20
#3a695c HEX Color information
| Color | HEX | RGB |
|---|---|---|
| #3a695c | RGB(58, 105, 92) |
RGB values are RGB(58, 105, 92)
#3a695c color contain Red 22.75%, Green 41.18% and Blue 36.08%.
oklch(48.30% 0.0562 174.05)
#3a695c color contain Red 22.75%, Green 41.18% and Blue 36.08%.
oklch(48.30% 0.0562 174.05)
Classification of #3a695c color
#3a695c is Semi dark and Cool Color Saturation 29%, lightness 32%.
Tint of Teal
Alternative colors of #3a695c
Opposite Color for #3a695c is #693a47
#3a695c Color Conversion
Codes and values information about the HEX color decimal, HEX. HSL, HSLA, RGB, RGBA values #3a695c
Decimal
3828060
HEX
#3a695c
HSL
hsl(163, 29%, 32%)
HSLA
hsla(163, 29%, 32%, 1)
RGB
RGB(58, 105, 92)
RGBA
RGBA(58, 105, 92, 1)
Palettes for #3a695c color:
Below examples of color palettes for #3a695c HEX color
darkest color is #060a09 from shades and lightest color is #ebf0ef from tints
Shades palette of #3a695c:
#345f53
#2e544a
#294a40
#233f37
#1d352e
#172a25
#11201c
#0c1512
#060a09
#000000
Tints palette of #3a695c:
#4e786c
#61877d
#75968d
#89a59d
#9db4ae
#b0c3be
#c4d2ce
#d8e1de
#ebf0ef
#ffffff
Complementary palette of #3a695c:
#3a695c
#693a47
Triadic palette of #3a695c:
#3a695c
#5c3a69
#695c3a
Square palette of #3a695c:
#3a695c
#443a69
#5f693a
#693a47
Analogous palette of #3a695c:
#3a6944
#3a695c
Split-Complementary palette of #3a695c:
#3a695c
#3a6944
Rectangle (tetradic) palette of #3a695c:
#3a695c
#443a69
#5f693a
#693a5f
Suggested colors palettes for #3a695c HEX:
Colors palette with color #3a695c #1:
Colors palette with color #3a695c #2:
Colors palette with color #3a695c #3:
Colors palette with color #3a695c #4:
Colors palette with color #3a695c #5:
Color Contrast
Color pairings #3a695c with black and white with small text, large text and graphics based on WCAG on a accessibility contrast ratio
#3a695c
#3a695c Contrast Ratio
6.25:1
| Size | AA-level | AAA-level |
| Large text: | ||
| Small text: |
#3a695c
#3a695c Contrast Ratio
3.35:1
| Size | AA-level | AAA-level |
| Large text: | ||
| Small text: |
Image #3a695c color png
Visit the popular colors list for more colors