#3a70f2 HEX color information
| Color | HEX | RGB |
|---|---|---|
| #3a70f2 | RGB(58, 112, 242) |
Created at 10/17/2026 05:59
RGB values are RGB(58, 112, 242)
#3a70f2 color contains Red 22.75%, Green 43.92% and Blue 94.9%.
oklch(58.35% 0.204 264.05)
#3a70f2 color contains Red 22.75%, Green 43.92% and Blue 94.9%.
oklch(58.35% 0.204 264.05)
Color Names of #3a70f2 HEX code
≈ Royal Blue
Classification of #3a70f2 color
#3a70f2 is Light and Cool Color Saturation 88%, lightness 59%.
Tint of Royal Blue
Alternative colors of #3a70f2
Opposite Color for #3a70f2 is #f2bc3a
#3a70f2 Color Conversion
Codes and values information about the HEX color decimal, HEX. HSL, HSLA, RGB, RGBA values #3a70f2
cmyk
CMYK(76%, 54%, 0%, 5%)
Decimal
3830002
HEX
#3a70f2
HSL
hsl(222, 88%, 59%)
HSLA
hsla(222, 88%, 59%, 1)
RGB
RGB(58, 112, 242)
RGBA
RGBA(58, 112, 242, 1)
Palettes for #3a70f2 color:
Below are examples of color palettes with the #3a70f2 HEX color
darkest color is #060b18 from shades and lightest color is #ebf1fe from tints
Shades palette of #3a70f2:
#3465da
#2e5ac2
#294ea9
#234391
#1d3879
#172d61
#112249
#0c1630
#060b18
#000000
Tints palette of #3a70f2:
#4e7ef3
#618df5
#759bf6
#89a9f7
#9db8f9
#b0c6fa
#c4d4fb
#d8e2fc
#ebf1fe
#ffffff
Complementary palette of #3a70f2:
#3a70f2
#f2bc3a
Triadic palette of #3a70f2:
#3a70f2
#f23a70
#70f23a
Square palette of #3a70f2:
#3a70f2
#f23acc
#f2bc3a
#3af260
Analogous palette of #3a70f2:
#3accf2
#3a70f2
#603af2
Split-Complementary palette of #3a70f2:
#3a70f2
#f2603a
#ccf23a
Rectangle (tetradic) palette of #3a70f2:
#3a70f2
#bc3af2
#f2bc3a
#70f23a
Suggested color palettes for #3a70f2 HEX:
Color palette with color #3a70f2 #1:
Color palette with color #3a70f2 #2:
Color palette with color #3a70f2 #3:
Color palette with color #3a70f2 #4:
Color palette with color #3a70f2 #5:
Color Contrast
Color pairings of #3a70f2 with black and white for small text, large text and graphics, based on the WCAG accessibility contrast ratio.
#3a70f2
#3a70f2Contrast Ratio
4.39:1
| Size | AA-level | AAA-level |
| Large text: | ||
| Small text: |
#3a70f2
#3a70f2Contrast Ratio
4.77:1
| Size | AA-level | AAA-level |
| Large text: | ||
| Small text: |
Image #3a70f2 color png
Visit the popular colors list for more colors