#316aad HEX color information
| Color | HEX | RGB |
|---|---|---|
| #316aad | RGB(49, 106, 173) |
Created at 11/02/2026 03:43
RGB values are RGB(49, 106, 173)
#316aad color contains Red 19.22%, Green 41.57% and Blue 67.84%.
oklch(51.97% 0.122 254.21)
#316aad color contains Red 19.22%, Green 41.57% and Blue 67.84%.
oklch(51.97% 0.122 254.21)
Color Names of #316aad HEX code
≈ Azure
Classification of #316aad color
#316aad is Semi dark and Cool Color Saturation 56%, lightness 44%.
Shade of Royal Blue
Alternative colors of #316aad
Opposite Color for #316aad is #ad7431
#316aad Color Conversion
Codes and values information about the HEX color decimal, HEX. HSL, HSLA, RGB, RGBA values #316aad
cmyk
CMYK(72%, 39%, 0%, 32%)
Decimal
3238573
HEX
#316aad
HSL
hsl(212, 56%, 44%)
HSLA
hsla(212, 56%, 44%, 1)
RGB
RGB(49, 106, 173)
RGBA
RGBA(49, 106, 173, 1)
Palettes for #316aad color:
Below are examples of color palettes with the #316aad HEX color
darkest color is #050b11 from shades and lightest color is #eaf0f7 from tints
Shades palette of #316aad:
#2c5f9c
#27558a
#224a79
#1d4068
#193557
#142a45
#0f2034
#0a1523
#050b11
#000000
Tints palette of #316aad:
#4679b5
#5a88bd
#6f97c6
#83a6ce
#98b5d6
#adc3de
#c1d2e6
#d6e1ef
#eaf0f7
#ffffff
Complementary palette of #316aad:
#316aad
#ad7431
Triadic palette of #316aad:
#316aad
#ad316a
#6aad31
Square palette of #316aad:
#316aad
#ad31a8
#ad7431
#31ad36
Analogous palette of #316aad:
#31a8ad
#316aad
#3631ad
Split-Complementary palette of #316aad:
#316aad
#ad3631
#a8ad31
Rectangle (tetradic) palette of #316aad:
#316aad
#7431ad
#ad7431
#6aad31
Suggested color palettes for #316aad HEX:
Color palette with color #316aad #1:
Color palette with color #316aad #2:
Color palette with color #316aad #3:
Color palette with color #316aad #4:
Color palette with color #316aad #5:
Color Contrast
Color pairings of #316aad with black and white for small text, large text and graphics, based on the WCAG accessibility contrast ratio.
#316aad
#316aadContrast Ratio
5.53:1
| Size | AA-level | AAA-level |
| Large text: | ||
| Small text: |
#316aad
#316aadContrast Ratio
3.79:1
| Size | AA-level | AAA-level |
| Large text: | ||
| Small text: |
Image #316aad color png
Visit the popular colors list for more colors