#536f77 HEX color information
| Color | HEX | RGB |
|---|---|---|
| #536f77 | RGB(83, 111, 119) |
Created at 11/24/2024 15:18
RGB values are RGB(83, 111, 119)
#536f77 color contains Red 32.55%, Green 43.53% and Blue 46.67%.
oklch(52.27% 0.0349 217.22)
#536f77 color contains Red 32.55%, Green 43.53% and Blue 46.67%.
oklch(52.27% 0.0349 217.22)
Color Names of #536f77 HEX code
≈ Cutty Sark
Classification of #536f77 color
#536f77 is Semi dark and Cool Color Saturation 18%, lightness 40%.
Shade of Slate Gray
Alternative colors of #536f77
Opposite Color for #536f77 is #775b53
#536f77 Color Conversion
Codes and values information about the HEX color decimal, HEX. HSL, HSLA, RGB, RGBA values #536f77
cmyk
CMYK(30%, 7%, 0%, 53%)
Decimal
5468023
HEX
#536f77
HSL
hsl(193, 18%, 40%)
HSLA
hsla(193, 18%, 40%, 1)
RGB
RGB(83, 111, 119)
RGBA
RGBA(83, 111, 119, 1)
Palettes for #536f77 color:
Below are examples of color palettes with the #536f77 HEX color
darkest color is #080b0c from shades and lightest color is #eef1f1 from tints
Shades palette of #536f77:
#4b646b
#42595f
#3a4e53
#324347
#2a383c
#212c30
#192124
#111618
#080b0c
#000000
Tints palette of #536f77:
#647d85
#758c92
#879aa0
#98a9ad
#a9b7bb
#bac5c9
#cbd4d6
#dde2e4
#eef1f1
#ffffff
Complementary palette of #536f77:
#536f77
#775b53
Triadic palette of #536f77:
#536f77
#77536f
#6f7753
Square palette of #536f77:
#536f77
#6d5377
#775b53
#5d7753
Analogous palette of #536f77:
#53776d
#536f77
#535d77
Split-Complementary palette of #536f77:
#536f77
#77535d
#776d53
Rectangle (tetradic) palette of #536f77:
#536f77
#5b5377
#775b53
#6f7753
Suggested color palettes for #536f77 HEX:
Color palette with color #536f77 #1:
Color palette with color #536f77 #2:
Color palette with color #536f77 #3:
Color palette with color #536f77 #4:
Color palette with color #536f77 #5:
Color #536f77 used in palettes (1)
Color Contrast
Color pairings of #536f77 with black and white for small text, large text and graphics, based on the WCAG accessibility contrast ratio.
#536f77
#536f77Contrast Ratio
5.37:1
| Size | AA-level | AAA-level |
| Large text: | ||
| Small text: |
#536f77
#536f77Contrast Ratio
3.9:1
| Size | AA-level | AAA-level |
| Large text: | ||
| Small text: |
Image #536f77 color png
Visit the popular colors list for more colors