#3a82f0 HEX color information
| Color | HEX | RGB |
|---|---|---|
| #3a82f0 | RGB(58, 130, 240) |
Created at 11/11/2026 21:48
RGB values are RGB(58, 130, 240)
#3a82f0 color contains Red 22.75%, Green 50.98% and Blue 94.12%.
oklch(61.87% 0.1806 258.89)
#3a82f0 color contains Red 22.75%, Green 50.98% and Blue 94.12%.
oklch(61.87% 0.1806 258.89)
Color Names of #3a82f0 HEX code
≈ Royal Blue
Classification of #3a82f0 color
#3a82f0 is Light and Cool Color Saturation 86%, lightness 58%.
Shade of Dodger Blue
Alternative colors of #3a82f0
Opposite Color for #3a82f0 is #f0a83a
#3a82f0 Color Conversion
Codes and values information about the HEX color decimal, HEX. HSL, HSLA, RGB, RGBA values #3a82f0
cmyk
CMYK(76%, 46%, 0%, 6%)
Decimal
3834608
HEX
#3a82f0
HSL
hsl(216, 86%, 58%)
HSLA
hsla(216, 86%, 58%, 1)
RGB
RGB(58, 130, 240)
RGBA
RGBA(58, 130, 240, 1)
Palettes for #3a82f0 color:
Below are examples of color palettes with the #3a82f0 HEX color
darkest color is #060d18 from shades and lightest color is #ebf3fe from tints
Shades palette of #3a82f0:
#3475d8
#2e68c0
#295ba8
#234e90
#1d4178
#173460
#112748
#0c1a30
#060d18
#000000
Tints palette of #3a82f0:
#4e8ff2
#619bf3
#75a8f5
#89b4f6
#9dc1f8
#b0cdf9
#c4dafb
#d8e6fc
#ebf3fe
#ffffff
Complementary palette of #3a82f0:
#3a82f0
#f0a83a
Triadic palette of #3a82f0:
#3a82f0
#f03a82
#82f03a
Square palette of #3a82f0:
#3a82f0
#f03add
#f0a83a
#3af04d
Analogous palette of #3a82f0:
#3addf0
#3a82f0
#4d3af0
Split-Complementary palette of #3a82f0:
#3a82f0
#f04d3a
#ddf03a
Rectangle (tetradic) palette of #3a82f0:
#3a82f0
#a83af0
#f0a83a
#82f03a
Suggested color palettes for #3a82f0 HEX:
Color palette with color #3a82f0 #1:
Color palette with color #3a82f0 #2:
Color palette with color #3a82f0 #3:
Color palette with color #3a82f0 #4:
Color palette with color #3a82f0 #5:
Color #3a82f0 used in palettes (1)
Color Contrast
Color pairings of #3a82f0 with black and white for small text, large text and graphics, based on the WCAG accessibility contrast ratio.
#3a82f0
#3a82f0Contrast Ratio
3.72:1
| Size | AA-level | AAA-level |
| Large text: | ||
| Small text: |
#3a82f0
#3a82f0Contrast Ratio
5.63:1
| Size | AA-level | AAA-level |
| Large text: | ||
| Small text: |
Image #3a82f0 color png
Visit the popular colors list for more colors