#536baf HEX color information
| Color | HEX | RGB |
|---|---|---|
| #536baf | RGB(83, 107, 175) |
Created at 02/18/2023 20:34
RGB values are RGB(83, 107, 175)
#536baf color contains Red 32.55%, Green 41.96% and Blue 68.63%.
oklch(54.04% 0.1105 267.91)
#536baf color contains Red 32.55%, Green 41.96% and Blue 68.63%.
oklch(54.04% 0.1105 267.91)
Color Names of #536baf HEX code
≈ San Marino
Classification of #536baf color
#536baf is Semi dark and Cool Color Saturation 37%, lightness 51%.
Tint of Royal Blue
Alternative colors of #536baf
Opposite Color for #536baf is #af9753
#536baf Color Conversion
Codes and values information about the HEX color decimal, HEX. HSL, HSLA, RGB, RGBA values #536baf
cmyk
CMYK(53%, 39%, 0%, 31%)
Decimal
5467055
HEX
#536baf
HSL
hsl(224, 37%, 51%)
HSLA
hsla(224, 37%, 51%, 1)
RGB
RGB(83, 107, 175)
RGBA
RGBA(83, 107, 175, 1)
Palettes for #536baf color:
Below are examples of color palettes with the #536baf HEX color
darkest color is #080b11 from shades and lightest color is #eef0f7 from tints
Shades palette of #536baf:
#4b609e
#42568c
#3a4b7a
#324069
#2a3658
#212b46
#192035
#111523
#080b11
#000000
Tints palette of #536baf:
#647ab7
#7589bf
#8797c7
#98a6cf
#a9b5d7
#bac4df
#cbd3e7
#dde1ef
#eef0f7
#ffffff
Complementary palette of #536baf:
#536baf
#af9753
Triadic palette of #536baf:
#536baf
#af536b
#6baf53
Square palette of #536baf:
#536baf
#af5399
#af9753
#53af69
Analogous palette of #536baf:
#5399af
#536baf
#6953af
Split-Complementary palette of #536baf:
#536baf
#af6953
#99af53
Rectangle (tetradic) palette of #536baf:
#536baf
#9753af
#af9753
#6baf53
Suggested color palettes for #536baf HEX:
Color palette with color #536baf #1:
Color palette with color #536baf #2:
Color palette with color #536baf #3:
Color palette with color #536baf #4:
Color palette with color #536baf #5:
Color #536baf used in palettes (1)
Color Contrast
Color pairings of #536baf with black and white for small text, large text and graphics, based on the WCAG accessibility contrast ratio.
#536baf
#536bafContrast Ratio
5.13:1
| Size | AA-level | AAA-level |
| Large text: | ||
| Small text: |
#536baf
#536bafContrast Ratio
4.08:1
| Size | AA-level | AAA-level |
| Large text: | ||
| Small text: |
Image #536baf color png
Visit the popular colors list for more colors