#315e6d HEX color information
| Color | HEX | RGB |
|---|---|---|
| #315e6d | RGB(49, 94, 109) |
Created at 03/05/2023 03:29
RGB values are RGB(49, 94, 109)
#315e6d color contains Red 19.22%, Green 36.86% and Blue 42.75%.
oklch(45.61% 0.0552 221.88)
#315e6d color contains Red 19.22%, Green 36.86% and Blue 42.75%.
oklch(45.61% 0.0552 221.88)
Color Names of #315e6d HEX code
≈ Casal
Classification of #315e6d color
#315e6d is Semi dark and Cool Color Saturation 38%, lightness 31%.
Tint of Dark Slate Gray
Alternative colors of #315e6d
Opposite Color for #315e6d is #6d4031
#315e6d Color Conversion
Codes and values information about the HEX color decimal, HEX. HSL, HSLA, RGB, RGBA values #315e6d
cmyk
CMYK(55%, 14%, 0%, 57%)
Decimal
3235437
HEX
#315e6d
HSL
hsl(195, 38%, 31%)
HSLA
hsla(195, 38%, 31%, 1)
RGB
RGB(49, 94, 109)
RGBA
RGBA(49, 94, 109, 1)
Palettes for #315e6d color:
Below are examples of color palettes with the #315e6d HEX color
darkest color is #05090b from shades and lightest color is #eaeff0 from tints
Shades palette of #315e6d:
#2c5562
#274b57
#22424c
#1d3841
#192f37
#14262c
#0f1c21
#0a1316
#05090b
#000000
Tints palette of #315e6d:
#466e7c
#5a7e8a
#6f8e99
#839ea7
#98afb6
#adbfc5
#c1cfd3
#d6dfe2
#eaeff0
#ffffff
Complementary palette of #315e6d:
#315e6d
#6d4031
Triadic palette of #315e6d:
#315e6d
#6d315e
#5e6d31
Square palette of #315e6d:
#315e6d
#5e316d
#6d4031
#406d31
Analogous palette of #315e6d:
#316d5e
#315e6d
#31406d
Split-Complementary palette of #315e6d:
#315e6d
#6d3140
#6d5e31
Rectangle (tetradic) palette of #315e6d:
#315e6d
#40316d
#6d4031
#5e6d31
Suggested color palettes for #315e6d HEX:
Color palette with color #315e6d #1:
Color palette with color #315e6d #2:
Color palette with color #315e6d #3:
Color palette with color #315e6d #4:
Color palette with color #315e6d #5:
Color #315e6d used in palettes (1)
Color Contrast
Color pairings of #315e6d with black and white for small text, large text and graphics, based on the WCAG accessibility contrast ratio.
#315e6d
#315e6dContrast Ratio
7.11:1
| Size | AA-level | AAA-level |
| Large text: | ||
| Small text: |
#315e6d
#315e6dContrast Ratio
2.95:1
| Size | AA-level | AAA-level |
| Large text: | ||
| Small text: |
Image #315e6d color png
Visit the popular colors list for more colors