Created at 12/14/2023 22:23
#504bec HEX Color information
| Color | HEX | RGB |
|---|---|---|
| #504bec | RGB(80, 75, 236) |
RGB values are RGB(80, 75, 236)
#504bec color contain Red 31.37%, Green 29.41% and Blue 92.55%.
oklch(52.50% 0.233 276.12)
#504bec color contain Red 31.37%, Green 29.41% and Blue 92.55%.
oklch(52.50% 0.233 276.12)
Classification of #504bec color
#504bec is Semi dark and Cool Color Saturation 81%, lightness 61%.
Shade of slateblue
Alternative colors of #504bec
Opposite Color for #504bec is #e7ec4b
#504bec Color Conversion
Codes and values information about the HEX color decimal, HEX. HSL, HSLA, RGB, RGBA values #504bec
Decimal
5262316
HEX
#504bec
HSL
hsl(242, 81%, 61%)
HSLA
hsla(242, 81%, 61%, 1)
RGB
RGB(80, 75, 236)
RGBA
RGBA(80, 75, 236, 1)
Palettes for #504bec color:
Below examples of color palettes for #504bec HEX color
darkest color is #080718 from shades and lightest color is #eeedfd from tints
Shades palette of #504bec:
#4844d4
#403cbd
#3835a5
#302d8e
#282676
#201e5e
#181747
#100f2f
#080718
#000000
Tints palette of #504bec:
#625dee
#736ff0
#8581f2
#9693f4
#a8a5f6
#b9b7f7
#cbc9f9
#dcdbfb
#eeedfd
#ffffff
Complementary palette of #504bec:
#504bec
#e7ec4b
Triadic palette of #504bec:
#504bec
#ec504b
#4bec50
Square palette of #504bec:
#504bec
#ec4b96
#4beca1
#e7ec4b
Analogous palette of #504bec:
#4b96ec
#504bec
Split-Complementary palette of #504bec:
#504bec
#4b96ec
Rectangle (tetradic) palette of #504bec:
#504bec
#ec4b96
#4beca1
#eca14b
Suggested colors palettes for #504bec HEX:
Colors palette with color #504bec #1:
Colors palette with color #504bec #2:
Colors palette with color #504bec #3:
Colors palette with color #504bec #4:
Colors palette with color #504bec #5:
Color Contrast
Color pairings #504bec with black and white with small text, large text and graphics based on WCAG on a accessibility contrast ratio
#504bec
#504bec Contrast Ratio
5.9:1
| Size | AA-level | AAA-level |
| Large text: | ||
| Small text: |
#504bec
#504bec Contrast Ratio
3.55:1
| Size | AA-level | AAA-level |
| Large text: | ||
| Small text: |
Image #504bec color png
Visit the popular colors list for more colors