#316ecd HEX color information
| Color | HEX | RGB |
|---|---|---|
| #316ecd | RGB(49, 110, 205) |
Created at 03/02/2023 11:11
Classification of #316ecd color
#316ecd is Semi dark and Cool Color Saturation 61%, lightness 50%.
Shade of royalblue
RGB values are RGB(49, 110, 205)
#316ecd color contains Red 19.22%, Green 43.14% and Blue 80.39%.
oklch(54.95% 0.1603 259.14)
#316ecd color contains Red 19.22%, Green 43.14% and Blue 80.39%.
oklch(54.95% 0.1603 259.14)
Color Names of #316ecd HEX code
≈ Mariner
Alternative colors of #316ecd
Opposite Color for #316ecd is #cd9031
#316ecd Color Conversion
Codes and values information about the HEX color decimal, HEX. HSL, HSLA, RGB, RGBA values #316ecd
cmyk
CMYK(76%, 46%, 0%, 20%)
Decimal
3239629
HEX
#316ecd
HSL
hsl(217, 61%, 50%)
HSLA
hsla(217, 61%, 50%, 1)
RGB
RGB(49, 110, 205)
RGBA
RGBA(49, 110, 205, 1)
Palettes for #316ecd color:
Below examples of color palettes for #316ecd HEX color
darkest color is #050b14 from shades and lightest color is #eaf1fa from tints
Shades palette of #316ecd:
#2c63b9
#2758a4
#224d90
#1d427b
#193767
#142c52
#0f213e
#0a1629
#050b14
#000000
Tints palette of #316ecd:
#467dd2
#5a8bd7
#6f9adc
#83a8e1
#98b7e6
#adc5eb
#c1d4f0
#d6e2f5
#eaf1fa
#ffffff
Complementary palette of #316ecd:
#316ecd
#cd9031
Triadic palette of #316ecd:
#316ecd
#cd316e
#6ecd31
Square palette of #316ecd:
#316ecd
#cd31bc
#cd9031
#31cd42
Analogous palette of #316ecd:
#31bccd
#316ecd
#4231cd
Split-Complementary palette of #316ecd:
#316ecd
#cd4231
#bccd31
Rectangle (tetradic) palette of #316ecd:
#316ecd
#9031cd
#cd9031
#6ecd31
Suggested color palettes for #316ecd HEX:
Color palette with color #316ecd #1:
Color palette with color #316ecd #2:
Color palette with color #316ecd #3:
Color palette with color #316ecd #4:
Color palette with color #316ecd #5:
Color #316ecd used in palettes (1)
Color Contrast
Color pairings #316ecd with black and white with small text, large text and graphics based on WCAG on a accessibility contrast ratio
#316ecd
#316ecd Contrast Ratio
4.94:1
| Size | AA-level | AAA-level |
| Large text: | ||
| Small text: |
#316ecd
#316ecd Contrast Ratio
4.24:1
| Size | AA-level | AAA-level |
| Large text: | ||
| Small text: |
Image #316ecd color png
Visit the popular colors list for more colors