#536ca2 HEX color information
| Color | HEX | RGB |
|---|---|---|
| #536ca2 | RGB(83, 108, 162) |
Created at 12/13/2023 05:50
Classification of #536ca2 color
#536ca2 is Semi dark and Cool Color Saturation 32%, lightness 48%.
Shade of Royal Blue
RGB values are RGB(83, 108, 162)
#536ca2 color contains Red 32.55%, Green 42.35% and Blue 63.53%.
oklch(53.54% 0.0903 264.61)
#536ca2 color contains Red 32.55%, Green 42.35% and Blue 63.53%.
oklch(53.54% 0.0903 264.61)
Color Names of #536ca2 HEX code
≈ Waikawa Gray
Alternative colors of #536ca2
Opposite Color for #536ca2 is #a28953
#536ca2 Color Conversion
Codes and values information about the HEX color decimal, HEX. HSL, HSLA, RGB, RGBA values #536ca2
cmyk
CMYK(49%, 33%, 0%, 36%)
Decimal
5467298
HEX
#536ca2
HSL
hsl(221, 32%, 48%)
HSLA
hsla(221, 32%, 48%, 1)
RGB
RGB(83, 108, 162)
RGBA
RGBA(83, 108, 162, 1)
Palettes for #536ca2 color:
Below are examples of color palettes with the #536ca2 HEX color
darkest color is #080b10 from shades and lightest color is #eef0f6 from tints
Shades palette of #536ca2:
#4b6192
#425682
#3a4c71
#324161
#2a3651
#212b41
#192031
#111620
#080b10
#000000
Tints palette of #536ca2:
#647bab
#7589b5
#8798be
#98a7c7
#a9b6d1
#bac4da
#cbd3e3
#dde2ec
#eef0f6
#ffffff
Complementary palette of #536ca2:
#536ca2
#a28953
Triadic palette of #536ca2:
#536ca2
#a2536c
#6ca253
Square palette of #536ca2:
#536ca2
#a25394
#a28953
#53a262
Analogous palette of #536ca2:
#5393a2
#536ca2
#6153a2
Split-Complementary palette of #536ca2:
#536ca2
#a26153
#93a253
Rectangle (tetradic) palette of #536ca2:
#536ca2
#8953a2
#a28953
#6ca253
Suggested color palettes for #536ca2 HEX:
Color palette with color #536ca2 #1:
Color palette with color #536ca2 #2:
Color palette with color #536ca2 #3:
Color palette with color #536ca2 #4:
Color palette with color #536ca2 #5:
Color Contrast
Color pairings of #536ca2 with black and white for small text, large text and graphics, based on the WCAG accessibility contrast ratio.
#536ca2
#536ca2 Contrast Ratio
5.2:1
| Size | AA-level | AAA-level |
| Large text: | ||
| Small text: |
#536ca2
#536ca2 Contrast Ratio
4.03:1
| Size | AA-level | AAA-level |
| Large text: | ||
| Small text: |
Image #536ca2 color png
Visit the popular colors list for more colors