#536c6a HEX color information
| Color | HEX | RGB |
|---|---|---|
| #536c6a | RGB(83, 108, 106) |
Created at 10/23/2026 16:58
RGB values are RGB(83, 108, 106)
#536c6a color contains Red 32.55%, Green 42.35% and Blue 41.57%.
oklch(51.07% 0.0297 190.2)
#536c6a color contains Red 32.55%, Green 42.35% and Blue 41.57%.
oklch(51.07% 0.0297 190.2)
Color Names of #536c6a HEX code
≈ Cutty Sark
Classification of #536c6a color
#536c6a is Semi dark and Cool Color Saturation 13%, lightness 37%.
Tint of Dark Slate Gray
Alternative colors of #536c6a
Opposite Color for #536c6a is #6c5355
#536c6a Color Conversion
Codes and values information about the HEX color decimal, HEX. HSL, HSLA, RGB, RGBA values #536c6a
cmyk
CMYK(23%, 0%, 2%, 58%)
Decimal
5467242
HEX
#536c6a
HSL
hsl(175, 13%, 37%)
HSLA
hsla(175, 13%, 37%, 1)
RGB
RGB(83, 108, 106)
RGBA
RGBA(83, 108, 106, 1)
Palettes for #536c6a color:
Below are examples of color palettes with the #536c6a HEX color
darkest color is #080b0b from shades and lightest color is #eef0f0 from tints
Shades palette of #536c6a:
#4b615f
#425655
#3a4c4a
#324140
#2a3635
#212b2a
#192020
#111615
#080b0b
#000000
Tints palette of #536c6a:
#647b79
#758988
#879897
#98a7a6
#a9b6b5
#bac4c3
#cbd3d2
#dde2e1
#eef0f0
#ffffff
Complementary palette of #536c6a:
#536c6a
#6c5355
Triadic palette of #536c6a:
#536c6a
#6a536c
#6c6a53
Square palette of #536c6a:
#536c6a
#5e536c
#6c5355
#616c53
Analogous palette of #536c6a:
#536c5e
#536c6a
#53616c
Split-Complementary palette of #536c6a:
#536c6a
#6c5361
#6c5e53
Rectangle (tetradic) palette of #536c6a:
#536c6a
#53556c
#6c5355
#6c6a53
Suggested color palettes for #536c6a HEX:
Color palette with color #536c6a #1:
Color palette with color #536c6a #2:
Color palette with color #536c6a #3:
Color palette with color #536c6a #4:
Color palette with color #536c6a #5:
Color #536c6a used in palettes (1)
Color Contrast
Color pairings of #536c6a with black and white for small text, large text and graphics, based on the WCAG accessibility contrast ratio.
#536c6a
#536c6aContrast Ratio
5.64:1
| Size | AA-level | AAA-level |
| Large text: | ||
| Small text: |
#536c6a
#536c6aContrast Ratio
3.72:1
| Size | AA-level | AAA-level |
| Large text: | ||
| Small text: |
Image #536c6a color png
Visit the popular colors list for more colors