Created at 02/18/2023 01:57
#315d6b HEX color information
| Color | HEX | RGB |
|---|---|---|
| #315d6b | RGB(49, 93, 107) |
RGB values are RGB(49, 93, 107)
#315d6b color contain Red 19.22%, Green 36.47% and Blue 41.96%.
oklch(45.26% 0.0537 220.78)
#315d6b color contain Red 19.22%, Green 36.47% and Blue 41.96%.
oklch(45.26% 0.0537 220.78)
Color Names of #315d6b HEX code
≈ Casal
Classification of #315d6b color
#315d6b is Semi dark and Cool Color Saturation 37%, lightness 31%.
Tint of darkslategrey
Alternative colors of #315d6b
Opposite Color for #315d6b is #6b3f31
#315d6b Color Conversion
Codes and values information about the HEX color decimal, HEX. HSL, HSLA, RGB, RGBA values #315d6b
Decimal
3235179
HEX
#315d6b
HSL
hsl(194, 37%, 31%)
HSLA
hsla(194, 37%, 31%, 1)
RGB
RGB(49, 93, 107)
RGBA
RGBA(49, 93, 107, 1)
Palettes for #315d6b color:
Below examples of color palettes for #315d6b HEX color
darkest color is #05090b from shades and lightest color is #eaeff0 from tints
Shades palette of #315d6b:
#2c5460
#274a56
#22414b
#1d3840
#192f36
#14252b
#0f1c20
#0a1315
#05090b
#000000
Tints palette of #315d6b:
#466d7a
#5a7d89
#6f8e97
#839ea6
#98aeb5
#adbec4
#c1ced3
#d6dfe1
#eaeff0
#ffffff
Complementary palette of #315d6b:
#315d6b
#6b3f31
Triadic palette of #315d6b:
#315d6b
#6b315d
#5d6b31
Square palette of #315d6b:
#315d6b
#5c316b
#6b3f31
#406b31
Analogous palette of #315d6b:
#316b5c
#315d6b
#31406b
Split-Complementary palette of #315d6b:
#315d6b
#6b3140
#6b5c31
Rectangle (tetradic) palette of #315d6b:
#315d6b
#3f316b
#6b3f31
#5d6b31
Suggested color palettes for #315d6b HEX:
Color palette with color #315d6b #1:
Color palette with color #315d6b #2:
Color palette with color #315d6b #3:
Color palette with color #315d6b #4:
Color palette with color #315d6b #5:
Color #315d6b used in palettes (2)
Color Contrast
Color pairings #315d6b with black and white with small text, large text and graphics based on WCAG on a accessibility contrast ratio
#315d6b
#315d6b Contrast Ratio
7.21:1
| Size | AA-level | AAA-level |
| Large text: | ||
| Small text: |
#315d6b
#315d6b Contrast Ratio
2.9:1
| Size | AA-level | AAA-level |
| Large text: | ||
| Small text: |
Image #315d6b color png
Visit the popular colors list for more colors