Huebook

Abyssal Triadic Color Scheme

Five colors arranged by the triadic rule around Abyssal (#404C57), each snapped to its nearest named color.

#404C57
#5C384E
#495D39
#5E819D
#2C1620

Color names and codes

NameHEXRGBHSLCMYK
Abyssal#404C5764, 76, 87209°, 15%, 30%26, 13, 0, 66
Ruby Violet#5C384E92, 56, 78323°, 24%, 29%0, 39, 15, 64
Stinging Nettle#495D3973, 93, 5793°, 24%, 29%22, 0, 39, 64
Greyish Blue#5E819D94, 129, 157207°, 25%, 49%40, 18, 0, 38
Black Cherry#2C162044, 22, 32333°, 33%, 13%0, 50, 27, 83

Which pairs work for text

Text on backgroundContrastWCAG
Aa #5E819D on #2C16204.11:1AA large
Aa #5C384E on #5E819D2.39:1—
Aa #495D39 on #2C16202.34:1—
Aa #404C57 on #5E819D2.14:1—
Aa #404C57 on #2C16201.92:1—
Aa #495D39 on #5E819D1.75:1—

CSS variables

:root {
  --color-1: #404c57; /* Abyssal */
  --color-2: #5c384e; /* Ruby Violet */
  --color-3: #495d39; /* Stinging Nettle */
  --color-4: #5e819d; /* Greyish Blue */
  --color-5: #2c1620; /* Black Cherry */
}

Other schemes from Abyssal

More Dark Blue triadic palettes

Questions

What colors go with Abyssal?

In a triadic scheme: Ruby Violet (#5C384E), Stinging Nettle (#495D39), Greyish Blue (#5E819D), Black Cherry (#2C1620).

What is the hex code of Abyssal?

#404C57.