#315d69 HEX color information
| Color | HEX | RGB |
|---|---|---|
| #315d69 | RGB(49, 93, 105) |
Created at 10/16/2026 13:46
RGB values are RGB(49, 93, 105)
#315d69 color contains Red 19.22%, Green 36.47% and Blue 41.18%.
oklch(45.18% 0.0524 217.55)
#315d69 color contains Red 19.22%, Green 36.47% and Blue 41.18%.
oklch(45.18% 0.0524 217.55)
Color Names of #315d69 HEX code
≈ Casal
Classification of #315d69 color
#315d69 is Semi dark and Cool Color Saturation 36%, lightness 30%.
Tint of Dark Slate Gray
Alternative colors of #315d69
Opposite Color for #315d69 is #693d31
#315d69 Color Conversion
Codes and values information about the HEX color decimal, HEX. HSL, HSLA, RGB, RGBA values #315d69
cmyk
CMYK(53%, 11%, 0%, 59%)
Decimal
3235177
HEX
#315d69
HSL
hsl(193, 36%, 30%)
HSLA
hsla(193, 36%, 30%, 1)
RGB
RGB(49, 93, 105)
RGBA
RGBA(49, 93, 105, 1)
Palettes for #315d69 color:
Below are examples of color palettes with the #315d69 HEX color
darkest color is #05090a from shades and lightest color is #eaeff0 from tints
Shades palette of #315d69:
#2c545f
#274a54
#22414a
#1d383f
#192f35
#14252a
#0f1c20
#0a1315
#05090a
#000000
Tints palette of #315d69:
#466d78
#5a7d87
#6f8e96
#839ea5
#98aeb4
#adbec3
#c1ced2
#d6dfe1
#eaeff0
#ffffff
Complementary palette of #315d69:
#315d69
#693d31
Triadic palette of #315d69:
#315d69
#69315d
#5d6931
Square palette of #315d69:
#315d69
#593169
#693d31
#416931
Analogous palette of #315d69:
#316959
#315d69
#314169
Split-Complementary palette of #315d69:
#315d69
#693141
#695931
Rectangle (tetradic) palette of #315d69:
#315d69
#3d3169
#693d31
#5d6931
Suggested color palettes for #315d69 HEX:
Color palette with color #315d69 #1:
Color palette with color #315d69 #2:
Color palette with color #315d69 #3:
Color palette with color #315d69 #4:
Color palette with color #315d69 #5:
Color Contrast
Color pairings of #315d69 with black and white for small text, large text and graphics, based on the WCAG accessibility contrast ratio.
#315d69
#315d69Contrast Ratio
7.24:1
| Size | AA-level | AAA-level |
| Large text: | ||
| Small text: |
#315d69
#315d69Contrast Ratio
2.9:1
| Size | AA-level | AAA-level |
| Large text: | ||
| Small text: |
Image #315d69 color png
Visit the popular colors list for more colors