#316ccd HEX color information
| Color | HEX | RGB |
|---|---|---|
| #316ccd | RGB(49, 108, 205) |
Created at 02/24/2023 23:46
RGB values are RGB(49, 108, 205)
#316ccd color contains Red 19.22%, Green 42.35% and Blue 80.39%.
oklch(54.52% 0.1626 259.88)
#316ccd color contains Red 19.22%, Green 42.35% and Blue 80.39%.
oklch(54.52% 0.1626 259.88)
Color Names of #316ccd HEX code
≈ Mariner
Classification of #316ccd color
#316ccd is Semi dark and Cool Color Saturation 61%, lightness 50%.
Shade of Royal Blue
Alternative colors of #316ccd
Opposite Color for #316ccd is #cd9231
#316ccd Color Conversion
Codes and values information about the HEX color decimal, HEX. HSL, HSLA, RGB, RGBA values #316ccd
cmyk
CMYK(76%, 47%, 0%, 20%)
Decimal
3239117
HEX
#316ccd
HSL
hsl(217, 61%, 50%)
HSLA
hsla(217, 61%, 50%, 1)
RGB
RGB(49, 108, 205)
RGBA
RGBA(49, 108, 205, 1)
Palettes for #316ccd color:
Below are examples of color palettes with the #316ccd HEX color
darkest color is #050b14 from shades and lightest color is #eaf0fa from tints
Shades palette of #316ccd:
#2c61b9
#2756a4
#224c90
#1d417b
#193667
#142b52
#0f203e
#0a1629
#050b14
#000000
Tints palette of #316ccd:
#467bd2
#5a89d7
#6f98dc
#83a7e1
#98b6e6
#adc4eb
#c1d3f0
#d6e2f5
#eaf0fa
#ffffff
Complementary palette of #316ccd:
#316ccd
#cd9231
Triadic palette of #316ccd:
#316ccd
#cd316c
#6ccd31
Square palette of #316ccd:
#316ccd
#cd31ba
#cd9231
#31cd44
Analogous palette of #316ccd:
#31bacd
#316ccd
#4431cd
Split-Complementary palette of #316ccd:
#316ccd
#cd4431
#bacd31
Rectangle (tetradic) palette of #316ccd:
#316ccd
#9231cd
#cd9231
#6ccd31
Suggested color palettes for #316ccd HEX:
Color palette with color #316ccd #1:
Color palette with color #316ccd #2:
Color palette with color #316ccd #3:
Color palette with color #316ccd #4:
Color palette with color #316ccd #5:
Color #316ccd used in palettes (2)
Color Contrast
Color pairings of #316ccd with black and white for small text, large text and graphics, based on the WCAG accessibility contrast ratio.
#316ccd
#316ccdContrast Ratio
5.05:1
| Size | AA-level | AAA-level |
| Large text: | ||
| Small text: |
#316ccd
#316ccdContrast Ratio
4.15:1
| Size | AA-level | AAA-level |
| Large text: | ||
| Small text: |
Image #316ccd color png
Visit the popular colors list for more colors