#3f6bf2 HEX color information
| Color | HEX | RGB |
|---|---|---|
| #3f6bf2 | RGB(63, 107, 242) |
Created at 10/02/2026 18:27
Classification of #3f6bf2 color
#3f6bf2 is Light and Cool Color Saturation 87%, lightness 60%.
Tint of Royal Blue
RGB values are RGB(63, 107, 242)
#3f6bf2 color contains Red 24.71%, Green 41.96% and Blue 94.9%.
oklch(57.58% 0.2086 266.18)
#3f6bf2 color contains Red 24.71%, Green 41.96% and Blue 94.9%.
oklch(57.58% 0.2086 266.18)
Color Names of #3f6bf2 HEX code
≈ Royal Blue
Alternative colors of #3f6bf2
Opposite Color for #3f6bf2 is #f2c63f
#3f6bf2 Color Conversion
Codes and values information about the HEX color decimal, HEX. HSL, HSLA, RGB, RGBA values #3f6bf2
cmyk
CMYK(74%, 56%, 0%, 5%)
Decimal
4156402
HEX
#3f6bf2
HSL
hsl(225, 87%, 60%)
HSLA
hsla(225, 87%, 60%, 1)
RGB
RGB(63, 107, 242)
RGBA
RGBA(63, 107, 242, 1)
Palettes for #3f6bf2 color:
Below examples of color palettes for #3f6bf2 HEX color
darkest color is #060b18 from shades and lightest color is #ecf0fe from tints
Shades palette of #3f6bf2:
#3960da
#3256c2
#2c4ba9
#264091
#203679
#192b61
#132049
#0d1530
#060b18
#000000
Tints palette of #3f6bf2:
#527af3
#6589f5
#7997f6
#8ca6f7
#9fb5f9
#b2c4fa
#c5d3fb
#d9e1fc
#ecf0fe
#ffffff
Complementary palette of #3f6bf2:
#3f6bf2
#f2c63f
Triadic palette of #3f6bf2:
#3f6bf2
#f23f6b
#6bf23f
Square palette of #3f6bf2:
#3f6bf2
#f23fc5
#f2c63f
#3ff26c
Analogous palette of #3f6bf2:
#3fc5f2
#3f6bf2
#6c3ff2
Split-Complementary palette of #3f6bf2:
#3f6bf2
#f26d3f
#c4f23f
Rectangle (tetradic) palette of #3f6bf2:
#3f6bf2
#c63ff2
#f2c63f
#6bf23f
Suggested color palettes for #3f6bf2 HEX:
Color palette with color #3f6bf2 #1:
Color palette with color #3f6bf2 #2:
Color palette with color #3f6bf2 #3:
Color palette with color #3f6bf2 #4:
Color palette with color #3f6bf2 #5:
Color Contrast
Color pairings #3f6bf2 with black and white with small text, large text and graphics based on WCAG on a accessibility contrast ratio
#3f6bf2
#3f6bf2 Contrast Ratio
4.56:1
| Size | AA-level | AAA-level |
| Large text: | ||
| Small text: |
#3f6bf2
#3f6bf2 Contrast Ratio
4.59:1
| Size | AA-level | AAA-level |
| Large text: | ||
| Small text: |
Image #3f6bf2 color png
Visit the popular colors list for more colors