#315c76 HEX color information
| Color | HEX | RGB |
|---|---|---|
| #315c76 | RGB(49, 92, 118) |
Created at 10/26/2026 15:01
RGB values are RGB(49, 92, 118)
#315c76 color contains Red 19.22%, Green 36.08% and Blue 46.27%.
oklch(45.52% 0.0641 237.01)
#315c76 color contains Red 19.22%, Green 36.08% and Blue 46.27%.
oklch(45.52% 0.0641 237.01)
Color Names of #315c76 HEX code
≈ Casal
Classification of #315c76 color
#315c76 is Semi dark and Cool Color Saturation 41%, lightness 33%.
Tint of Dark Slate Gray
Alternative colors of #315c76
Opposite Color for #315c76 is #764b31
#315c76 Color Conversion
Codes and values information about the HEX color decimal, HEX. HSL, HSLA, RGB, RGBA values #315c76
cmyk
CMYK(58%, 22%, 0%, 54%)
Decimal
3234934
HEX
#315c76
HSL
hsl(203, 41%, 33%)
HSLA
hsla(203, 41%, 33%, 1)
RGB
RGB(49, 92, 118)
RGBA
RGBA(49, 92, 118, 1)
Palettes for #315c76 color:
Below are examples of color palettes with the #315c76 HEX color
darkest color is #05090c from shades and lightest color is #eaeff1 from tints
Shades palette of #315c76:
#2c536a
#274a5e
#224053
#1d3747
#192e3b
#14252f
#0f1c23
#0a1218
#05090c
#000000
Tints palette of #315c76:
#466c84
#5a7d91
#6f8d9f
#839dad
#98aebb
#adbec8
#c1ced6
#d6dee4
#eaeff1
#ffffff
Complementary palette of #315c76:
#315c76
#764b31
Triadic palette of #315c76:
#315c76
#76315c
#5c7631
Square palette of #315c76:
#315c76
#6d3176
#764b31
#3a7631
Analogous palette of #315c76:
#31766d
#315c76
#313a76
Split-Complementary palette of #315c76:
#315c76
#76313a
#766d31
Rectangle (tetradic) palette of #315c76:
#315c76
#4b3176
#764b31
#5c7631
Suggested color palettes for #315c76 HEX:
Color palette with color #315c76 #1:
Color palette with color #315c76 #2:
Color palette with color #315c76 #3:
Color palette with color #315c76 #4:
Color palette with color #315c76 #5:
Color #315c76 used in palettes (1)
Color Contrast
Color pairings of #315c76 with black and white for small text, large text and graphics, based on the WCAG accessibility contrast ratio.
#315c76
#315c76Contrast Ratio
7.18:1
| Size | AA-level | AAA-level |
| Large text: | ||
| Small text: |
#315c76
#315c76Contrast Ratio
2.92:1
| Size | AA-level | AAA-level |
| Large text: | ||
| Small text: |
Image #315c76 color png
Visit the popular colors list for more colors