#315c7b HEX color information
| Color | HEX | RGB |
|---|---|---|
| #315c7b | RGB(49, 92, 123) |
Created at 10/31/2026 22:33
RGB values are RGB(49, 92, 123)
#315c7b color contains Red 19.22%, Green 36.08% and Blue 48.24%.
oklch(45.77% 0.0699 241.8)
#315c7b color contains Red 19.22%, Green 36.08% and Blue 48.24%.
oklch(45.77% 0.0699 241.8)
Color Names of #315c7b HEX code
≈ Casal
Classification of #315c7b color
#315c7b is Semi dark and Cool Color Saturation 43%, lightness 34%.
Shade of Royal Blue
Alternative colors of #315c7b
Opposite Color for #315c7b is #7b5031
#315c7b Color Conversion
Codes and values information about the HEX color decimal, HEX. HSL, HSLA, RGB, RGBA values #315c7b
cmyk
CMYK(60%, 25%, 0%, 52%)
Decimal
3234939
HEX
#315c7b
HSL
hsl(205, 43%, 34%)
HSLA
hsla(205, 43%, 34%, 1)
RGB
RGB(49, 92, 123)
RGBA
RGBA(49, 92, 123, 1)
Palettes for #315c7b color:
Below are examples of color palettes with the #315c7b HEX color
darkest color is #05090c from shades and lightest color is #eaeff2 from tints
Shades palette of #315c7b:
#2c536f
#274a62
#224056
#1d374a
#192e3e
#142531
#0f1c25
#0a1219
#05090c
#000000
Tints palette of #315c7b:
#466c88
#5a7d95
#6f8da3
#839db0
#98aebd
#adbeca
#c1ced7
#d6dee5
#eaeff2
#ffffff
Complementary palette of #315c7b:
#315c7b
#7b5031
Triadic palette of #315c7b:
#315c7b
#7b315c
#5c7b31
Square palette of #315c7b:
#315c7b
#75317b
#7b5031
#377b31
Analogous palette of #315c7b:
#317b75
#315c7b
#31377b
Split-Complementary palette of #315c7b:
#315c7b
#7b3137
#7b7531
Rectangle (tetradic) palette of #315c7b:
#315c7b
#50317b
#7b5031
#5c7b31
Suggested color palettes for #315c7b HEX:
Color palette with color #315c7b #1:
Color palette with color #315c7b #2:
Color palette with color #315c7b #3:
Color palette with color #315c7b #4:
Color palette with color #315c7b #5:
Color #315c7b used in palettes (1)
Color Contrast
Color pairings of #315c7b with black and white for small text, large text and graphics, based on the WCAG accessibility contrast ratio.
#315c7b
#315c7bContrast Ratio
7.12:1
| Size | AA-level | AAA-level |
| Large text: | ||
| Small text: |
#315c7b
#315c7bContrast Ratio
2.94:1
| Size | AA-level | AAA-level |
| Large text: | ||
| Small text: |
Image #315c7b color png
Visit the popular colors list for more colors