#31675e HEX color information
| Color | HEX | RGB |
|---|---|---|
| #31675e | RGB(49, 103, 94) |
Created at 02/21/2023 08:49
Classification of #31675e color
#31675e is Semi dark and Cool Color Saturation 36%, lightness 30%.
Tint of darkslategrey
RGB values are RGB(49, 103, 94)
#31675e color contains Red 19.22%, Green 40.39% and Blue 36.86%.
oklch(47.40% 0.0596 181.41)
#31675e color contains Red 19.22%, Green 40.39% and Blue 36.86%.
oklch(47.40% 0.0596 181.41)
Color Names of #31675e HEX code
≈ Casal
Alternative colors of #31675e
Opposite Color for #31675e is #67313a
#31675e Color Conversion
Codes and values information about the HEX color decimal, HEX. HSL, HSLA, RGB, RGBA values #31675e
cmyk
CMYK(52%, 0%, 9%, 60%)
Decimal
3237726
HEX
#31675e
HSL
hsl(170, 36%, 30%)
HSLA
hsla(170, 36%, 30%, 1)
RGB
RGB(49, 103, 94)
RGBA
RGBA(49, 103, 94, 1)
Palettes for #31675e color:
Below examples of color palettes for #31675e HEX color
darkest color is #050a09 from shades and lightest color is #eaf0ef from tints
Shades palette of #31675e:
#2c5d55
#27524b
#224842
#1d3e38
#19342f
#142926
#0f1f1c
#0a1513
#050a09
#000000
Tints palette of #31675e:
#46766e
#5a857e
#6f958e
#83a49e
#98b3af
#adc2bf
#c1d1cf
#d6e1df
#eaf0ef
#ffffff
Complementary palette of #31675e:
#31675e
#67313a
Triadic palette of #31675e:
#31675e
#5e3167
#675e31
Square palette of #31675e:
#31675e
#433167
#67313a
#556731
Analogous palette of #31675e:
#316743
#31675e
#315567
Split-Complementary palette of #31675e:
#31675e
#673155
#674331
Rectangle (tetradic) palette of #31675e:
#31675e
#313a67
#67313a
#675e31
Suggested color palettes for #31675e HEX:
Color palette with color #31675e #1:
Color palette with color #31675e #2:
Color palette with color #31675e #3:
Color palette with color #31675e #4:
Color palette with color #31675e #5:
Color #31675e used in palettes (2)
Color Contrast
Color pairings #31675e with black and white with small text, large text and graphics based on WCAG on a accessibility contrast ratio
#31675e
#31675e Contrast Ratio
6.49:1
| Size | AA-level | AAA-level |
| Large text: | ||
| Small text: |
#31675e
#31675e Contrast Ratio
3.23:1
| Size | AA-level | AAA-level |
| Large text: | ||
| Small text: |
Image #31675e color png
Visit the popular colors list for more colors