Created at 01/23/2024 19:26
#536be4 HEX Color information
| Color | HEX | RGB |
|---|---|---|
| #536be4 | RGB(83, 107, 228) |
RGB values are RGB(83, 107, 228)
#536be4 color contain Red 32.55%, Green 41.96% and Blue 89.41%.
oklch(57.50% 0.1847 271.02)
#536be4 color contain Red 32.55%, Green 41.96% and Blue 89.41%.
oklch(57.50% 0.1847 271.02)
Classification of #536be4 color
#536be4 is Light and Cool Color Saturation 73%, lightness 61%.
Shade of royalblue
Alternative colors of #536be4
Opposite Color for #536be4 is #e4cc53
#536be4 Color Conversion
Codes and values information about the HEX color decimal, HEX. HSL, HSLA, RGB, RGBA values #536be4
Decimal
5467108
HEX
#536be4
HSL
hsl(230, 73%, 61%)
HSLA
hsla(230, 73%, 61%, 1)
RGB
RGB(83, 107, 228)
RGBA
RGBA(83, 107, 228, 1)
Palettes for #536be4 color:
Below examples of color palettes for #536be4 HEX color
darkest color is #080b17 from shades and lightest color is #eef0fc from tints
Shades palette of #536be4:
#4b60cd
#4256b6
#3a4ba0
#324089
#2a3672
#212b5b
#192044
#11152e
#080b17
#000000
Tints palette of #536be4:
#647ae7
#7589e9
#8797ec
#98a6ef
#a9b5f2
#bac4f4
#cbd3f7
#dde1fa
#eef0fc
#ffffff
Complementary palette of #536be4:
#536be4
#e4cc53
Triadic palette of #536be4:
#536be4
#e4536b
#6be453
Square palette of #536be4:
#536be4
#e453b4
#53e483
#e4cc53
Analogous palette of #536be4:
#53b4e4
#536be4
Split-Complementary palette of #536be4:
#536be4
#53b4e4
Rectangle (tetradic) palette of #536be4:
#536be4
#e453b4
#53e483
#e48353
Suggested colors palettes for #536be4 HEX:
Colors palette with color #536be4 #1:
Colors palette with color #536be4 #2:
Colors palette with color #536be4 #3:
Colors palette with color #536be4 #4:
Colors palette with color #536be4 #5:
Color Contrast
Color pairings #536be4 with black and white with small text, large text and graphics based on WCAG on a accessibility contrast ratio
#536be4
#536be4 Contrast Ratio
4.57:1
| Size | AA-level | AAA-level |
| Large text: | ||
| Small text: |
#536be4
#536be4 Contrast Ratio
4.59:1
| Size | AA-level | AAA-level |
| Large text: | ||
| Small text: |
Image #536be4 color png
Visit the popular colors list for more colors