#536f7a HEX color information
| Color | HEX | RGB |
|---|---|---|
| #536f7a | RGB(83, 111, 122) |
Created at 10/28/2026 19:04
RGB values are RGB(83, 111, 122)
#536f7a color contains Red 32.55%, Green 43.53% and Blue 47.84%.
oklch(52.38% 0.0369 224.03)
#536f7a color contains Red 32.55%, Green 43.53% and Blue 47.84%.
oklch(52.38% 0.0369 224.03)
Color Names of #536f7a HEX code
≈ Cutty Sark
Classification of #536f7a color
#536f7a is Semi dark and Cool Color Saturation 19%, lightness 40%.
Shade of Slate Gray
Alternative colors of #536f7a
Opposite Color for #536f7a is #7a5e53
#536f7a Color Conversion
Codes and values information about the HEX color decimal, HEX. HSL, HSLA, RGB, RGBA values #536f7a
cmyk
CMYK(32%, 9%, 0%, 52%)
Decimal
5468026
HEX
#536f7a
HSL
hsl(197, 19%, 40%)
HSLA
hsla(197, 19%, 40%, 1)
RGB
RGB(83, 111, 122)
RGBA
RGBA(83, 111, 122, 1)
Palettes for #536f7a color:
Below are examples of color palettes with the #536f7a HEX color
darkest color is #080b0c from shades and lightest color is #eef1f2 from tints
Shades palette of #536f7a:
#4b646e
#425962
#3a4e55
#324349
#2a383d
#212c31
#192125
#111618
#080b0c
#000000
Tints palette of #536f7a:
#647d87
#758c95
#879aa2
#98a9af
#a9b7bd
#bac5ca
#cbd4d7
#dde2e4
#eef1f2
#ffffff
Complementary palette of #536f7a:
#536f7a
#7a5e53
Triadic palette of #536f7a:
#536f7a
#7a536f
#6f7a53
Square palette of #536f7a:
#536f7a
#72537a
#7a5e53
#5c7a53
Analogous palette of #536f7a:
#537a72
#536f7a
#535c7a
Split-Complementary palette of #536f7a:
#536f7a
#7a535c
#7a7253
Rectangle (tetradic) palette of #536f7a:
#536f7a
#5e537a
#7a5e53
#6f7a53
Suggested color palettes for #536f7a HEX:
Color palette with color #536f7a #1:
Color palette with color #536f7a #2:
Color palette with color #536f7a #3:
Color palette with color #536f7a #4:
Color palette with color #536f7a #5:
Color #536f7a used in palettes (1)
Color Contrast
Color pairings of #536f7a with black and white for small text, large text and graphics, based on the WCAG accessibility contrast ratio.
#536f7a
#536f7aContrast Ratio
5.35:1
| Size | AA-level | AAA-level |
| Large text: | ||
| Small text: |
#536f7a
#536f7aContrast Ratio
3.92:1
| Size | AA-level | AAA-level |
| Large text: | ||
| Small text: |
Image #536f7a color png
Visit the popular colors list for more colors