Amethyst Nocturne Muted#2B2A3C
Cyan Shadow Muted#3B5452
VS
Amethyst Nocturne Muted vs Cyan Shadow Muted
A detailed comparison of #2B2A3C and #3B5452 — adjacent colors
Contrast & Accessibility
1.72:1contrast ratio
✗ AA Normal✗ AA Large✗ AAA Normal✗ AAA Large
Text on Amethyst Nocturne Muted
Text on Cyan Shadow Muted
Color Properties
#2B2A3C
HEX
#3B5452
rgb(43, 42, 60)
RGB
rgb(59, 84, 82)
hsl(245, 18%, 20%)
HSL
hsl(175, 18%, 28%)
245°
Hue
175°
18%
Saturation
18%
20%
Lightness
28%
Blue
Family
Teal
Hue Diff
70\u00B0 — Adjacent
Gradient Blend
background: linear-gradient(to right, #2B2A3C, #3B5452);
Using These Colors Together
With a contrast ratio of 1.72:1, this pair does not meet WCAG guidelines for text. Use these colors as adjacent blocks, gradients, or decorative accents rather than text-on-background pairings.
These colors have a 70\u00B0 hue difference, making them adjacent. They offer moderate contrast — versatile for card designs, illustrations, and layered UI compositions.
Amethyst Nocturne Muted
view_detail →
Cyan Shadow Muted
view_detail →
Related Comparisons
Amethyst Nocturne Muted vs Citrine Nocturne Muted
#2B2A3C · #3C3C2A
Cyan Shadow Muted vs Crimson Shadow Muted
#3B5452 · #543B3B
Plum Nocturne Muted vs Cyan Shadow Muted
#332A3C · #3B5452
Amethyst Nocturne Muted vs Azure Shadow Muted
#2B2A3C · #3B4C54
Plum Nocturne Muted vs Azure Shadow Muted
#332A3C · #3B4C54