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)
Classification of #315d6b color
#315d6b is Semi dark and Cool Color Saturation 37%, lightness 31%.
Shade of darkslategrey
Alternative colors of #315d6b
Opposite Color for #315d6b is #6c3f32
#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:
#325f6c
#6c3f32
Triadic palette of #315d6b:
#325f6c
#6c325f
#5f6c32
Square palette of #315d6b:
#325f6c
#5d326c
#416c32
#6c3f32
Analogous palette of #315d6b:
#326c5d
#325f6c
Split-Complementary palette of #315d6b:
#325f6c
#326c5d
Rectangle (tetradic) palette of #315d6b:
#325f6c
#5d326c
#416c32
#6c3241
Suggested colors palettes for #315d6b HEX:
Colors palette with color #315d6b #1:
Colors palette with color #315d6b #2:
Colors palette with color #315d6b #3:
Colors palette with color #315d6b #4:
Colors 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