#486bf2 HEX color information
| Color | HEX | RGB |
|---|---|---|
| #486bf2 | RGB(72, 107, 242) |
Created at 02/28/2023 14:46
RGB values are RGB(72, 107, 242)
#486bf2 color contains Red 28.24%, Green 41.96% and Blue 94.9%.
oklch(57.98% 0.2062 268.24)
#486bf2 color contains Red 28.24%, Green 41.96% and Blue 94.9%.
oklch(57.98% 0.2062 268.24)
Color Names of #486bf2 HEX code
≈ Royal Blue
Classification of #486bf2 color
#486bf2 is Light and Cool Color Saturation 87%, lightness 62%.
Tint of Royal Blue
Alternative colors of #486bf2
Opposite Color for #486bf2 is #f2cf48
#486bf2 Color Conversion
Codes and values information about the HEX color decimal, HEX. HSL, HSLA, RGB, RGBA values #486bf2
cmyk
CMYK(70%, 56%, 0%, 5%)
Decimal
4746226
HEX
#486bf2
HSL
hsl(228, 87%, 62%)
HSLA
hsla(228, 87%, 62%, 1)
RGB
RGB(72, 107, 242)
RGBA
RGBA(72, 107, 242, 1)
Palettes for #486bf2 color:
Below are examples of color palettes with the #486bf2 HEX color
darkest color is #070b18 from shades and lightest color is #edf0fe from tints
Shades palette of #486bf2:
#4160da
#3a56c2
#324ba9
#2b4091
#243679
#1d2b61
#162049
#0e1530
#070b18
#000000
Tints palette of #486bf2:
#5a7af3
#6d89f5
#7f97f6
#91a6f7
#a4b5f9
#b6c4fa
#c8d3fb
#dae1fc
#edf0fe
#ffffff
Complementary palette of #486bf2:
#486bf2
#f2cf48
Triadic palette of #486bf2:
#486bf2
#f2486b
#6bf248
Square palette of #486bf2:
#486bf2
#f248c0
#f2cf48
#48f27a
Analogous palette of #486bf2:
#48c0f2
#486bf2
#7a48f2
Split-Complementary palette of #486bf2:
#486bf2
#f27a48
#c0f248
Rectangle (tetradic) palette of #486bf2:
#486bf2
#cf48f2
#f2cf48
#6bf248
Suggested color palettes for #486bf2 HEX:
Color palette with color #486bf2 #1:
Color palette with color #486bf2 #2:
Color palette with color #486bf2 #3:
Color palette with color #486bf2 #4:
Color palette with color #486bf2 #5:
Color #486bf2 used in palettes (1)
Color Contrast
Color pairings of #486bf2 with black and white for small text, large text and graphics, based on the WCAG accessibility contrast ratio.
#486bf2
#486bf2Contrast Ratio
4.5:1
| Size | AA-level | AAA-level |
| Large text: | ||
| Small text: |
#486bf2
#486bf2Contrast Ratio
4.66:1
| Size | AA-level | AAA-level |
| Large text: | ||
| Small text: |
Image #486bf2 color png
Visit the popular colors list for more colors