#315f70 HEX color information
| Color | HEX | RGB |
|---|---|---|
| #315f70 | RGB(49, 95, 112) |
Created at 11/06/2026 23:45
RGB values are RGB(49, 95, 112)
#315f70 color contains Red 19.22%, Green 37.25% and Blue 43.92%.
oklch(46.00% 0.0574 224.35)
#315f70 color contains Red 19.22%, Green 37.25% and Blue 43.92%.
oklch(46.00% 0.0574 224.35)
Color Names of #315f70 HEX code
≈ Casal
Classification of #315f70 color
#315f70 is Semi dark and Cool Color Saturation 39%, lightness 32%.
Tint of Dark Slate Gray
Alternative colors of #315f70
Opposite Color for #315f70 is #704231
#315f70 Color Conversion
Codes and values information about the HEX color decimal, HEX. HSL, HSLA, RGB, RGBA values #315f70
cmyk
CMYK(56%, 15%, 0%, 56%)
Decimal
3235696
HEX
#315f70
HSL
hsl(196, 39%, 32%)
HSLA
hsla(196, 39%, 32%, 1)
RGB
RGB(49, 95, 112)
RGBA
RGBA(49, 95, 112, 1)
Palettes for #315f70 color:
Below are examples of color palettes with the #315f70 HEX color
darkest color is #05090b from shades and lightest color is #eaeff1 from tints
Shades palette of #315f70:
#2c5665
#274c5a
#22434e
#1d3943
#193038
#14262d
#0f1d22
#0a1316
#05090b
#000000
Tints palette of #315f70:
#466f7e
#5a7f8d
#6f8f9b
#839fa9
#98afb8
#adbfc6
#c1cfd4
#d6dfe2
#eaeff1
#ffffff
Complementary palette of #315f70:
#315f70
#704231
Triadic palette of #315f70:
#315f70
#70315f
#5f7031
Square palette of #315f70:
#315f70
#613170
#704231
#3f7031
Analogous palette of #315f70:
#317061
#315f70
#314070
Split-Complementary palette of #315f70:
#315f70
#703140
#706231
Rectangle (tetradic) palette of #315f70:
#315f70
#423170
#704231
#5f7031
Suggested color palettes for #315f70 HEX:
Color palette with color #315f70 #1:
Color palette with color #315f70 #2:
Color palette with color #315f70 #3:
Color palette with color #315f70 #4:
Color palette with color #315f70 #5:
Color Contrast
Color pairings of #315f70 with black and white for small text, large text and graphics, based on the WCAG accessibility contrast ratio.
#315f70
#315f70Contrast Ratio
6.99:1
| Size | AA-level | AAA-level |
| Large text: | ||
| Small text: |
#315f70
#315f70Contrast Ratio
3:1
| Size | AA-level | AAA-level |
| Large text: | ||
| Small text: |
Image #315f70 color png
Visit the popular colors list for more colors