Magenta Nocturne Dust#3C2640
Sapphire Nocturne Dust#263340
VS
Magenta Nocturne Dust vs Sapphire Nocturne Dust
A detailed comparison of #3C2640 and #263340 — adjacent colors
Contrast & Accessibility
1.06:1contrast ratio
✗ AA Normal✗ AA Large✗ AAA Normal✗ AAA Large
Text on Magenta Nocturne Dust
Text on Sapphire Nocturne Dust
Color Properties
#3C2640
HEX
#263340
rgb(60, 38, 64)
RGB
rgb(38, 51, 64)
hsl(290, 26%, 20%)
HSL
hsl(210, 26%, 20%)
290°
Hue
210°
26%
Saturation
26%
20%
Lightness
20%
Pink
Family
Blue
Hue Diff
80\u00B0 — Adjacent
Gradient Blend
background: linear-gradient(to right, #3C2640, #263340);
Using These Colors Together
With a contrast ratio of 1.06: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 80\u00B0 hue difference, making them adjacent. They offer moderate contrast — versatile for card designs, illustrations, and layered UI compositions.
Magenta Nocturne Dust
view_detail →
Sapphire Nocturne Dust
view_detail →
Related Comparisons
Magenta Nocturne Dust vs Leaf Nocturne Dust
#3C2640 · #2A4026
Sapphire Nocturne Dust vs Coral Nocturne Dust
#263340 · #403326
Peony Nocturne Dust vs Sapphire Nocturne Dust
#40263C · #263340
Magenta Nocturne Dust vs Indigo Nocturne Dust
#3C2640 · #262A40
Peony Nocturne Dust vs Indigo Nocturne Dust
#40263C · #262A40