Created at 12/12/2023 12:02
#536e93 HEX Color information
| Color | HEX | RGB |
|---|---|---|
| #536e93 | RGB(83, 110, 147) |
RGB values are RGB(83, 110, 147)
#536e93 color contain Red 32.55%, Green 43.14% and Blue 57.65%.
oklch(53.23% 0.0667 256.41)
#536e93 color contain Red 32.55%, Green 43.14% and Blue 57.65%.
oklch(53.23% 0.0667 256.41)
Classification of #536e93 color
#536e93 is Semi dark and Cool Color Saturation 28%, lightness 45%.
Shade of steelblue
Alternative colors of #536e93
Opposite Color for #536e93 is #937853
#536e93 Color Conversion
Codes and values information about the HEX color decimal, HEX. HSL, HSLA, RGB, RGBA values #536e93
Decimal
5467795
HEX
#536e93
HSL
hsl(215, 28%, 45%)
HSLA
hsla(215, 28%, 45%, 1)
RGB
RGB(83, 110, 147)
RGBA
RGBA(83, 110, 147, 1)
Palettes for #536e93 color:
Below examples of color palettes for #536e93 HEX color
darkest color is #080b0f from shades and lightest color is #eef1f4 from tints
Shades palette of #536e93:
#4b6384
#425876
#3a4d67
#324258
#2a374a
#212c3b
#19212c
#11161d
#080b0f
#000000
Tints palette of #536e93:
#647d9e
#758ba9
#879ab3
#98a8be
#a9b7c9
#bac5d4
#cbd4df
#dde2e9
#eef1f4
#ffffff
Complementary palette of #536e93:
#536d93
#937853
Triadic palette of #536e93:
#536d93
#93536d
#6d9353
Square palette of #536e93:
#536d93
#93538e
#539358
#937853
Analogous palette of #536e93:
#538e93
#536d93
Split-Complementary palette of #536e93:
#536d93
#538e93
Rectangle (tetradic) palette of #536e93:
#536d93
#93538e
#539358
#935853
Suggested colors palettes for #536e93 HEX:
Colors palette with color #536e93 #1:
Colors palette with color #536e93 #2:
Colors palette with color #536e93 #3:
Colors palette with color #536e93 #4:
Colors palette with color #536e93 #5:
Color Contrast
Color pairings #536e93 with black and white with small text, large text and graphics based on WCAG on a accessibility contrast ratio
#536e93
#536e93 Contrast Ratio
5.22:1
| Size | AA-level | AAA-level |
| Large text: | ||
| Small text: |
#536e93
#536e93 Contrast Ratio
4.01:1
| Size | AA-level | AAA-level |
| Large text: | ||
| Small text: |
Image #536e93 color png
Visit the popular colors list for more colors