Lighter companion
Canary Shadow Faint
#4F4D40 · hsl(55, 10%, 28%)
RGB
rgb(56, 55, 46)
HSL
hsl(55, 10%, 20%)
CMYK
cmyk(0%, 2%, 18%, 78%)
Metrics
S 10% · L 20%
Contrast (WCAG)
on white
12:1AA
on black
1.8:1Fail
About this color
Canary Nocturne Faint (#38372E) belongs to the yellow family — hue 55°, 10% saturation, 20% lightness. Copy the hex, RGB, or HSL value above, or paste the CSS custom property below into your stylesheet to reference this color directly.
CSS
:root { --colorarchive-canary-nocturne-faint: #38372E; --colorarchive-canary-nocturne-faint-hsl: hsl(55, 10%, 20%); --colorarchive-canary-nocturne-faint-rgb: rgb(56, 55, 46); }
AI Color Names
Let AI suggest alternative poetic names for this color in English and Chinese.
Palette moves
Instead of stopping at one swatch, use nearby, opposite, and tonal neighbors to branch into a broader palette.
Darker companion
Canary Ink Faint
#272720 · hsl(55, 10%, 14%)
Complementary counterpoint
Indigo Nocturne Faint
#2E3038 · hsl(230, 10%, 20%)
Analogous lead
Olive Nocturne Faint
#35382E · hsl(80, 10%, 20%)
Analogous echo
Coral Nocturne Faint
#38332E · hsl(30, 10%, 20%)
Triadic +120°
Cyan Nocturne Faint
#2E3837 · hsl(175, 10%, 20%)
Triadic +240°
Magenta Nocturne Faint
#362E38 · hsl(290, 10%, 20%)
Split-comp +150°
Steel Nocturne Faint
#2E3438 · hsl(205, 10%, 20%)
Split-comp +210°
Orchid Nocturne Faint
#312E38 · hsl(260, 10%, 20%)
Export preview
Base: Canary Nocturne Faint #38372E Lighter companion: Canary Shadow Faint #4F4D40 Darker companion: Canary Ink Faint #272720 Complementary counterpoint: Indigo Nocturne Faint #2E3038 Analogous lead: Olive Nocturne Faint #35382E Analogous echo: Coral Nocturne Faint #38332E Triadic +120°: Cyan Nocturne Faint #2E3837 Triadic +240°: Magenta Nocturne Faint #362E38 Split-comp +150°: Steel Nocturne Faint #2E3438 Split-comp +210°: Orchid Nocturne Faint #312E38
Nearest neighbors
The closest archive matches by hue, saturation, and lightness.
Nearby match
Canary Nocturne Muted
#3C3B2A · hsl(55, 18%, 20%)
Nearby match
Canary Ink Faint
#272720 · hsl(55, 10%, 14%)
Nearby match
Amber Nocturne Faint
#38362E · hsl(50, 10%, 20%)
Nearby match
Citrine Nocturne Faint
#38382E · hsl(60, 10%, 20%)
Nearby match
Canary Shadow Faint
#4F4D40 · hsl(55, 10%, 28%)
Nearby match
Canary Nocturne Dust
#403E26 · hsl(55, 26%, 20%)
Accessible pairings
Archive colors that meet WCAG contrast standards when paired with this color. Use as text-on-background or background-on-text.
Color Vision Simulation
How this color appears with different color vision deficiencies.
Deuteranopia
#383831
Protanopia
#383830
Tritanopia
#383232
Ready to build
Turn these colors into design tokens
ColorArchive packs include CSS variables, Figma tokens, Tailwind config, and Procreate swatches — ready to drop into any project.