#506aa0 HEX color information
| Color | HEX | RGB |
|---|---|---|
| #506aa0 | RGB(80, 106, 160) |
Created at 03/04/2023 04:17
Classification of #506aa0 color
#506aa0 is Semi dark and Cool Color Saturation 33%, lightness 47%.
Shade of Royal Blue
RGB values are RGB(80, 106, 160)
#506aa0 color contains Red 31.37%, Green 41.57% and Blue 62.75%.
oklch(52.79% 0.091 263.96)
#506aa0 color contains Red 31.37%, Green 41.57% and Blue 62.75%.
oklch(52.79% 0.091 263.96)
Color Names of #506aa0 HEX code
≈ Waikawa Gray
Alternative colors of #506aa0
Opposite Color for #506aa0 is #a08650
#506aa0 Color Conversion
Codes and values information about the HEX color decimal, HEX. HSL, HSLA, RGB, RGBA values #506aa0
cmyk
CMYK(50%, 34%, 0%, 37%)
Decimal
5270176
HEX
#506aa0
HSL
hsl(220, 33%, 47%)
HSLA
hsla(220, 33%, 47%, 1)
RGB
RGB(80, 106, 160)
RGBA
RGBA(80, 106, 160, 1)
Palettes for #506aa0 color:
Below examples of color palettes for #506aa0 HEX color
darkest color is #080b10 from shades and lightest color is #eef0f6 from tints
Shades palette of #506aa0:
#485f90
#405580
#384a70
#304060
#283550
#202a40
#182030
#101520
#080b10
#000000
Tints palette of #506aa0:
#6279aa
#7388b3
#8597bd
#96a6c6
#a8b5d0
#b9c3d9
#cbd2e3
#dce1ec
#eef0f6
#ffffff
Complementary palette of #506aa0:
#506aa0
#a08650
Triadic palette of #506aa0:
#506aa0
#a0506a
#6aa050
Square palette of #506aa0:
#506aa0
#a05092
#a08650
#50a05e
Analogous palette of #506aa0:
#5092a0
#506aa0
#5e50a0
Split-Complementary palette of #506aa0:
#506aa0
#a05e50
#92a050
Rectangle (tetradic) palette of #506aa0:
#506aa0
#8650a0
#a08650
#6aa050
Suggested color palettes for #506aa0 HEX:
Color palette with color #506aa0 #1:
Color palette with color #506aa0 #2:
Color palette with color #506aa0 #3:
Color palette with color #506aa0 #4:
Color palette with color #506aa0 #5:
Color #506aa0 used in palettes (1)
Color Contrast
Color pairings #506aa0 with black and white with small text, large text and graphics based on WCAG on a accessibility contrast ratio
#506aa0
#506aa0 Contrast Ratio
5.37:1
| Size | AA-level | AAA-level |
| Large text: | ||
| Small text: |
#506aa0
#506aa0 Contrast Ratio
3.91:1
| Size | AA-level | AAA-level |
| Large text: | ||
| Small text: |
Image #506aa0 color png
Visit the popular colors list for more colors