#3a7afe HEX color information
| Color | HEX | RGB |
|---|---|---|
| #3a7afe | RGB(58, 122, 254) |
Created at 06/06/2025 11:38
RGB values are RGB(58, 122, 254)
#3a7afe color contains Red 22.75%, Green 47.84% and Blue 99.61%.
oklch(61.22% 0.2078 262.52)
#3a7afe color contains Red 22.75%, Green 47.84% and Blue 99.61%.
oklch(61.22% 0.2078 262.52)
Color Names of #3a7afe HEX code
≈ Royal Blue
Classification of #3a7afe color
#3a7afe is Light and Cool Color Saturation 99%, lightness 61%.
Tint of Royal Blue
Alternative colors of #3a7afe
Opposite Color for #3a7afe is #febe3a
#3a7afe Color Conversion
Codes and values information about the HEX color decimal, HEX. HSL, HSLA, RGB, RGBA values #3a7afe
cmyk
CMYK(77%, 52%, 0%, 0%)
Decimal
3832574
HEX
#3a7afe
HSL
hsl(220, 99%, 61%)
HSLA
hsla(220, 99%, 61%, 1)
RGB
RGB(58, 122, 254)
RGBA
RGBA(58, 122, 254, 1)
Palettes for #3a7afe color:
Below are examples of color palettes with the #3a7afe HEX color
darkest color is #060c19 from shades and lightest color is #ebf2ff from tints
Shades palette of #3a7afe:
#346ee5
#2e62cb
#2955b2
#234998
#1d3d7f
#173166
#11254c
#0c1833
#060c19
#000000
Tints palette of #3a7afe:
#4e87fe
#6195fe
#75a2fe
#89affe
#9dbdff
#b0caff
#c4d7ff
#d8e4ff
#ebf2ff
#ffffff
Complementary palette of #3a7afe:
#3a7afe
#febe3a
Triadic palette of #3a7afe:
#3a7afe
#fe3a7a
#7afe3a
Square palette of #3a7afe:
#3a7afe
#fe3adc
#febe3a
#3afe5c
Analogous palette of #3a7afe:
#3adcfe
#3a7afe
#5c3afe
Split-Complementary palette of #3a7afe:
#3a7afe
#fe5c3a
#dcfe3a
Rectangle (tetradic) palette of #3a7afe:
#3a7afe
#be3afe
#febe3a
#7afe3a
Suggested color palettes for #3a7afe HEX:
Color palette with color #3a7afe #1:
Color palette with color #3a7afe #2:
Color palette with color #3a7afe #3:
Color palette with color #3a7afe #4:
Color palette with color #3a7afe #5:
Color #3a7afe used in palettes (2)
Color Contrast
Color pairings of #3a7afe with black and white for small text, large text and graphics, based on the WCAG accessibility contrast ratio.
#3a7afe
#3a7afeContrast Ratio
3.89:1
| Size | AA-level | AAA-level |
| Large text: | ||
| Small text: |
#3a7afe
#3a7afeContrast Ratio
5.39:1
| Size | AA-level | AAA-level |
| Large text: | ||
| Small text: |
Image #3a7afe color png
Visit the popular colors list for more colors