#315c69 HEX color information
| Color | HEX | RGB |
|---|---|---|
| #315c69 | RGB(49, 92, 105) |
Created at 10/15/2026 13:00
RGB values are RGB(49, 92, 105)
#315c69 color contains Red 19.22%, Green 36.08% and Blue 41.18%.
oklch(44.92% 0.0522 219.62)
#315c69 color contains Red 19.22%, Green 36.08% and Blue 41.18%.
oklch(44.92% 0.0522 219.62)
Color Names of #315c69 HEX code
≈ Casal
Classification of #315c69 color
#315c69 is Semi dark and Cool Color Saturation 36%, lightness 30%.
Tint of Dark Slate Gray
Alternative colors of #315c69
Opposite Color for #315c69 is #693e31
#315c69 Color Conversion
Codes and values information about the HEX color decimal, HEX. HSL, HSLA, RGB, RGBA values #315c69
cmyk
CMYK(53%, 12%, 0%, 59%)
Decimal
3234921
HEX
#315c69
HSL
hsl(194, 36%, 30%)
HSLA
hsla(194, 36%, 30%, 1)
RGB
RGB(49, 92, 105)
RGBA
RGBA(49, 92, 105, 1)
Palettes for #315c69 color:
Below are examples of color palettes with the #315c69 HEX color
darkest color is #05090a from shades and lightest color is #eaeff0 from tints
Shades palette of #315c69:
#2c535f
#274a54
#22404a
#1d373f
#192e35
#14252a
#0f1c20
#0a1215
#05090a
#000000
Tints palette of #315c69:
#466c78
#5a7d87
#6f8d96
#839da5
#98aeb4
#adbec3
#c1ced2
#d6dee1
#eaeff0
#ffffff
Complementary palette of #315c69:
#315c69
#693e31
Triadic palette of #315c69:
#315c69
#69315c
#5c6931
Square palette of #315c69:
#315c69
#5a3169
#693e31
#406931
Analogous palette of #315c69:
#31695a
#315c69
#314069
Split-Complementary palette of #315c69:
#315c69
#693140
#695a31
Rectangle (tetradic) palette of #315c69:
#315c69
#3e3169
#693e31
#5c6931
Suggested color palettes for #315c69 HEX:
Color palette with color #315c69 #1:
Color palette with color #315c69 #2:
Color palette with color #315c69 #3:
Color palette with color #315c69 #4:
Color palette with color #315c69 #5:
Color Contrast
Color pairings of #315c69 with black and white for small text, large text and graphics, based on the WCAG accessibility contrast ratio.
#315c69
#315c69Contrast Ratio
7.32:1
| Size | AA-level | AAA-level |
| Large text: | ||
| Small text: |
#315c69
#315c69Contrast Ratio
2.86:1
| Size | AA-level | AAA-level |
| Large text: | ||
| Small text: |
Image #315c69 color png
Visit the popular colors list for more colors