#486cf2 HEX color information
| Color | HEX | RGB |
|---|---|---|
| #486cf2 | RGB(72, 108, 242) |
Created at 10/09/2026 23:00
Classification of #486cf2 color
#486cf2 is Light and Cool Color Saturation 87%, lightness 62%.
Tint of Royal Blue
RGB values are RGB(72, 108, 242)
#486cf2 color contains Red 28.24%, Green 42.35% and Blue 94.9%.
oklch(58.17% 0.205 268.01)
#486cf2 color contains Red 28.24%, Green 42.35% and Blue 94.9%.
oklch(58.17% 0.205 268.01)
Color Names of #486cf2 HEX code
≈ Royal Blue
Alternative colors of #486cf2
Opposite Color for #486cf2 is #f2ce48
#486cf2 Color Conversion
Codes and values information about the HEX color decimal, HEX. HSL, HSLA, RGB, RGBA values #486cf2
cmyk
CMYK(70%, 55%, 0%, 5%)
Decimal
4746482
HEX
#486cf2
HSL
hsl(227, 87%, 62%)
HSLA
hsla(227, 87%, 62%, 1)
RGB
RGB(72, 108, 242)
RGBA
RGBA(72, 108, 242, 1)
Palettes for #486cf2 color:
Below are examples of color palettes with the #486cf2 HEX color
darkest color is #070b18 from shades and lightest color is #edf0fe from tints
Shades palette of #486cf2:
#4161da
#3a56c2
#324ca9
#2b4191
#243679
#1d2b61
#162049
#0e1630
#070b18
#000000
Tints palette of #486cf2:
#5a7bf3
#6d89f5
#7f98f6
#91a7f7
#a4b6f9
#b6c4fa
#c8d3fb
#dae2fc
#edf0fe
#ffffff
Complementary palette of #486cf2:
#486cf2
#f2ce48
Triadic palette of #486cf2:
#486cf2
#f2486c
#6cf248
Square palette of #486cf2:
#486cf2
#f248c1
#f2ce48
#48f279
Analogous palette of #486cf2:
#48c1f2
#486cf2
#7948f2
Split-Complementary palette of #486cf2:
#486cf2
#f27948
#c1f248
Rectangle (tetradic) palette of #486cf2:
#486cf2
#ce48f2
#f2ce48
#6cf248
Suggested color palettes for #486cf2 HEX:
Color palette with color #486cf2 #1:
Color palette with color #486cf2 #2:
Color palette with color #486cf2 #3:
Color palette with color #486cf2 #4:
Color palette with color #486cf2 #5:
Color Contrast
Color pairings of #486cf2 with black and white for small text, large text and graphics, based on the WCAG accessibility contrast ratio.
#486cf2
#486cf2 Contrast Ratio
4.46:1
| Size | AA-level | AAA-level |
| Large text: | ||
| Small text: |
#486cf2
#486cf2 Contrast Ratio
4.7:1
| Size | AA-level | AAA-level |
| Large text: | ||
| Small text: |
Image #486cf2 color png
Visit the popular colors list for more colors