#3d63f2 HEX color information
| Color | HEX | RGB |
|---|---|---|
| #3d63f2 | RGB(61, 99, 242) |
Created at 02/22/2023 02:25
Classification of #3d63f2 color
#3d63f2 is Semi dark and Cool Color Saturation 87%, lightness 59%.
Shade of Royal Blue
RGB values are RGB(61, 99, 242)
#3d63f2 color contains Red 23.92%, Green 38.82% and Blue 94.9%.
oklch(56.01% 0.2185 267.34)
#3d63f2 color contains Red 23.92%, Green 38.82% and Blue 94.9%.
oklch(56.01% 0.2185 267.34)
Color Names of #3d63f2 HEX code
≈ Royal Blue
Alternative colors of #3d63f2
Opposite Color for #3d63f2 is #f2cc3d
#3d63f2 Color Conversion
Codes and values information about the HEX color decimal, HEX. HSL, HSLA, RGB, RGBA values #3d63f2
cmyk
CMYK(75%, 59%, 0%, 5%)
Decimal
4023282
HEX
#3d63f2
HSL
hsl(227, 87%, 59%)
HSLA
hsla(227, 87%, 59%, 1)
RGB
RGB(61, 99, 242)
RGBA
RGBA(61, 99, 242, 1)
Palettes for #3d63f2 color:
Below examples of color palettes for #3d63f2 HEX color
darkest color is #060a18 from shades and lightest color is #eceffe from tints
Shades palette of #3d63f2:
#3759da
#314fc2
#2b45a9
#253b91
#1f3279
#182861
#121e49
#0c1430
#060a18
#000000
Tints palette of #3d63f2:
#5073f3
#6482f5
#7792f6
#8ba1f7
#9eb1f9
#b1c1fa
#c5d0fb
#d8e0fc
#eceffe
#ffffff
Complementary palette of #3d63f2:
#3d63f2
#f2cc3d
Triadic palette of #3d63f2:
#3d63f2
#f23d63
#63f23d
Square palette of #3d63f2:
#3d63f2
#f23dbd
#f2cc3d
#3df272
Analogous palette of #3d63f2:
#3dbdf2
#3d63f2
#723df2
Split-Complementary palette of #3d63f2:
#3d63f2
#f2723d
#bdf23d
Rectangle (tetradic) palette of #3d63f2:
#3d63f2
#cc3df2
#f2cc3d
#63f23d
Suggested color palettes for #3d63f2 HEX:
Color palette with color #3d63f2 #1:
Color palette with color #3d63f2 #2:
Color palette with color #3d63f2 #3:
Color palette with color #3d63f2 #4:
Color palette with color #3d63f2 #5:
Color #3d63f2 used in palettes (1)
Color Contrast
Color pairings #3d63f2 with black and white with small text, large text and graphics based on WCAG on a accessibility contrast ratio
#3d63f2
#3d63f2 Contrast Ratio
4.92:1
| Size | AA-level | AAA-level |
| Large text: | ||
| Small text: |
#3d63f2
#3d63f2 Contrast Ratio
4.26:1
| Size | AA-level | AAA-level |
| Large text: | ||
| Small text: |
Image #3d63f2 color png
Visit the popular colors list for more colors