#536e78 HEX color information
| Color | HEX | RGB |
|---|---|---|
| #536e78 | RGB(83, 110, 120) |
Created at 10/29/2026 07:24
RGB values are RGB(83, 110, 120)
#536e78 color contains Red 32.55%, Green 43.14% and Blue 47.06%.
oklch(52.07% 0.0353 222.63)
#536e78 color contains Red 32.55%, Green 43.14% and Blue 47.06%.
oklch(52.07% 0.0353 222.63)
Color Names of #536e78 HEX code
≈ Cutty Sark
Classification of #536e78 color
#536e78 is Semi dark and Cool Color Saturation 18%, lightness 40%.
Shade of Slate Gray
Alternative colors of #536e78
Opposite Color for #536e78 is #785d53
#536e78 Color Conversion
Codes and values information about the HEX color decimal, HEX. HSL, HSLA, RGB, RGBA values #536e78
cmyk
CMYK(31%, 8%, 0%, 53%)
Decimal
5467768
HEX
#536e78
HSL
hsl(196, 18%, 40%)
HSLA
hsla(196, 18%, 40%, 1)
RGB
RGB(83, 110, 120)
RGBA
RGBA(83, 110, 120, 1)
Palettes for #536e78 color:
Below are examples of color palettes with the #536e78 HEX color
darkest color is #080b0c from shades and lightest color is #eef1f2 from tints
Shades palette of #536e78:
#4b636c
#425860
#3a4d54
#324248
#2a373c
#212c30
#192124
#111618
#080b0c
#000000
Tints palette of #536e78:
#647d86
#758b93
#879aa1
#98a8ae
#a9b7bc
#bac5c9
#cbd4d7
#dde2e4
#eef1f2
#ffffff
Complementary palette of #536e78:
#536e78
#785d53
Triadic palette of #536e78:
#536e78
#78536e
#6e7853
Square palette of #536e78:
#536e78
#705378
#785d53
#5c7853
Analogous palette of #536e78:
#537870
#536e78
#535b78
Split-Complementary palette of #536e78:
#536e78
#78535b
#787053
Rectangle (tetradic) palette of #536e78:
#536e78
#5d5378
#785d53
#6e7853
Suggested color palettes for #536e78 HEX:
Color palette with color #536e78 #1:
Color palette with color #536e78 #2:
Color palette with color #536e78 #3:
Color palette with color #536e78 #4:
Color palette with color #536e78 #5:
Color #536e78 used in palettes (1)
Color Contrast
Color pairings of #536e78 with black and white for small text, large text and graphics, based on the WCAG accessibility contrast ratio.
#536e78
#536e78Contrast Ratio
5.42:1
| Size | AA-level | AAA-level |
| Large text: | ||
| Small text: |
#536e78
#536e78Contrast Ratio
3.86:1
| Size | AA-level | AAA-level |
| Large text: | ||
| Small text: |
Image #536e78 color png
Visit the popular colors list for more colors