Created at 12/02/2023 08:37
#2a5aea HEX Color information
| Color | HEX | RGB |
|---|---|---|
| #2a5aea | RGB(42, 90, 234) |
RGB values are RGB(42, 90, 234)
#2a5aea color contain Red 16.47%, Green 35.29% and Blue 91.76%.
oklch(52.99% 0.2233 265.1)
#2a5aea color contain Red 16.47%, Green 35.29% and Blue 91.76%.
oklch(52.99% 0.2233 265.1)
Classification of #2a5aea color
#2a5aea is Semi dark and Cool Color Saturation 82%, lightness 54%.
Shade of royalblue
Alternative colors of #2a5aea
Opposite Color for #2a5aea is #eaba2a
#2a5aea Color Conversion
Codes and values information about the HEX color decimal, HEX. HSL, HSLA, RGB, RGBA values #2a5aea
Decimal
2775786
HEX
#2a5aea
HSL
hsl(225, 82%, 54%)
HSLA
hsla(225, 82%, 54%, 1)
RGB
RGB(42, 90, 234)
RGBA
RGBA(42, 90, 234, 1)
Palettes for #2a5aea color:
Below examples of color palettes for #2a5aea HEX color
darkest color is #040917 from shades and lightest color is #eaeffd from tints
Shades palette of #2a5aea:
#2651d3
#2248bb
#1d3fa4
#19368c
#152d75
#11245e
#0d1b46
#08122f
#040917
#000000
Tints palette of #2a5aea:
#3f6bec
#557bee
#6a8cf0
#7f9cf2
#95adf5
#aabdf7
#bfcef9
#d4defb
#eaeffd
#ffffff
Complementary palette of #2a5aea:
#2a5aea
#eaba2a
Triadic palette of #2a5aea:
#2a5aea
#ea2a5a
#5aea2a
Square palette of #2a5aea:
#2a5aea
#ea2aba
#2aea5a
#eaba2a
Analogous palette of #2a5aea:
#2abaea
#2a5aea
Split-Complementary palette of #2a5aea:
#2a5aea
#2abaea
Rectangle (tetradic) palette of #2a5aea:
#2a5aea
#ea2aba
#2aea5a
#ea5a2a
Suggested colors palettes for #2a5aea HEX:
Colors palette with color #2a5aea #1:
Colors palette with color #2a5aea #2:
Colors palette with color #2a5aea #3:
Colors palette with color #2a5aea #4:
Colors palette with color #2a5aea #5:
Color Contrast
Color pairings #2a5aea with black and white with small text, large text and graphics based on WCAG on a accessibility contrast ratio
#2a5aea
#2a5aea Contrast Ratio
5.6:1
| Size | AA-level | AAA-level |
| Large text: | ||
| Small text: |
#2a5aea
#2a5aea Contrast Ratio
3.74:1
| Size | AA-level | AAA-level |
| Large text: | ||
| Small text: |
Image #2a5aea color png
Visit the popular colors list for more colors