#2e7ade HEX color information
| Color | HEX | RGB |
|---|---|---|
| #2e7ade | RGB(46, 122, 222) |
Created at 11/12/2026 20:52
RGB values are RGB(46, 122, 222)
#2e7ade color contains Red 18.04%, Green 47.84% and Blue 87.06%.
oklch(58.60% 0.1696 256.85)
#2e7ade color contains Red 18.04%, Green 47.84% and Blue 87.06%.
oklch(58.60% 0.1696 256.85)
Color Names of #2e7ade HEX code
≈ Mariner
Classification of #2e7ade color
#2e7ade is Light and Cool Color Saturation 73%, lightness 53%.
Shade of Steel Blue
Alternative colors of #2e7ade
Opposite Color for #2e7ade is #de922e
#2e7ade Color Conversion
Codes and values information about the HEX color decimal, HEX. HSL, HSLA, RGB, RGBA values #2e7ade
cmyk
CMYK(79%, 45%, 0%, 13%)
Decimal
3046110
HEX
#2e7ade
HSL
hsl(214, 73%, 53%)
HSLA
hsla(214, 73%, 53%, 1)
RGB
RGB(46, 122, 222)
RGBA
RGBA(46, 122, 222, 1)
Palettes for #2e7ade color:
Below are examples of color palettes with the #2e7ade HEX color
darkest color is #050c16 from shades and lightest color is #eaf2fc from tints
Shades palette of #2e7ade:
#296ec8
#2562b2
#20559b
#1c4985
#173d6f
#123159
#0e2543
#09182c
#050c16
#000000
Tints palette of #2e7ade:
#4387e1
#5895e5
#6da2e8
#82afeb
#97bdef
#abcaf2
#c0d7f5
#d5e4f8
#eaf2fc
#ffffff
Complementary palette of #2e7ade:
#2e7ade
#de922e
Triadic palette of #2e7ade:
#2e7ade
#de2e7a
#7ade2e
Square palette of #2e7ade:
#2e7ade
#de2ed2
#de922e
#2ede3a
Analogous palette of #2e7ade:
#2ed2de
#2e7ade
#3a2ede
Split-Complementary palette of #2e7ade:
#2e7ade
#de3a2e
#d2de2e
Rectangle (tetradic) palette of #2e7ade:
#2e7ade
#922ede
#de922e
#7ade2e
Suggested color palettes for #2e7ade HEX:
Color palette with color #2e7ade #1:
Color palette with color #2e7ade #2:
Color palette with color #2e7ade #3:
Color palette with color #2e7ade #4:
Color palette with color #2e7ade #5:
Color Contrast
Color pairings of #2e7ade with black and white for small text, large text and graphics, based on the WCAG accessibility contrast ratio.
#2e7ade
#2e7adeContrast Ratio
4.23:1
| Size | AA-level | AAA-level |
| Large text: | ||
| Small text: |
#2e7ade
#2e7adeContrast Ratio
4.95:1
| Size | AA-level | AAA-level |
| Large text: | ||
| Small text: |
Image #2e7ade color png
Visit the popular colors list for more colors