Created at 03/06/2023 06:26
#0564e2 HEX Color information
| Color | HEX | RGB |
|---|---|---|
| #0564e2 | RGB(5, 100, 226) |
RGB values are RGB(5, 100, 226)
#0564e2 color contain Red 1.96%, Green 39.22% and Blue 88.63%.
oklch(53.55% 0.207 259.26)
#0564e2 color contain Red 1.96%, Green 39.22% and Blue 88.63%.
oklch(53.55% 0.207 259.26)
Classification of #0564e2 color
#0564e2 is Semi dark and Cool Color Saturation 96%, lightness 45%.
Tint of royalblue
Alternative colors of #0564e2
Opposite Color for #0564e2 is #e18105
#0564e2 Color Conversion
Codes and values information about the HEX color decimal, HEX. HSL, HSLA, RGB, RGBA values #0564e2
Decimal
353506
HEX
#0564e2
HSL
hsl(214, 96%, 45%)
HSLA
hsla(214, 96%, 45%, 1)
RGB
RGB(5, 100, 226)
RGBA
RGBA(5, 100, 226, 1)
Palettes for #0564e2 color:
Below examples of color palettes for #0564e2 HEX color
darkest color is #000a17 from shades and lightest color is #e6f0fc from tints
Shades palette of #0564e2:
#055acb
#0450b5
#04469e
#033c88
#033271
#02285a
#021e44
#01142d
#000a17
#000000
Tints palette of #0564e2:
#1e74e5
#3783e8
#5093eb
#69a2ee
#82b2f1
#9bc1f3
#b4d1f6
#cde0f9
#e6f0fc
#ffffff
Complementary palette of #0564e2:
#0564e1
#e18105
Triadic palette of #0564e2:
#0564e1
#e10564
#64e105
Square palette of #0564e2:
#0564e1
#e105d2
#05e113
#e18105
Analogous palette of #0564e2:
#05d2e1
#0564e1
Split-Complementary palette of #0564e2:
#0564e1
#05d2e1
Rectangle (tetradic) palette of #0564e2:
#0564e1
#e105d2
#05e113
#e11305
Suggested colors palettes for #0564e2 HEX:
Colors palette with color #0564e2 #1:
Colors palette with color #0564e2 #2:
Colors palette with color #0564e2 #3:
Colors palette with color #0564e2 #4:
Colors palette with color #0564e2 #5:
Color #0564e2 used in palettes (1)
Color Contrast
Color pairings #0564e2 with black and white with small text, large text and graphics based on WCAG on a accessibility contrast ratio
#0564e2
#0564e2 Contrast Ratio
5.34:1
| Size | AA-level | AAA-level |
| Large text: | ||
| Small text: |
#0564e2
#0564e2 Contrast Ratio
3.92:1
| Size | AA-level | AAA-level |
| Large text: | ||
| Small text: |
Image #0564e2 color png
Visit the popular colors list for more colors