Lighter companion
Coral Shadow Bright
#83470B · hsl(30, 84%, 28%)
RGB
rgb(94, 51, 8)
HSL
hsl(30, 84%, 20%)
CMYK
cmyk(0%, 46%, 91%, 63%)
Metrics
S 84% · L 20%
Contrast (WCAG)
on white
10.8:1AA
on black
2:1Fail
About this color
Coral Nocturne Bright (#5E3308) belongs to the orange family — hue 30°, 84% 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-coral-nocturne-bright: #5E3308; --colorarchive-coral-nocturne-bright-hsl: hsl(30, 84%, 20%); --colorarchive-coral-nocturne-bright-rgb: rgb(94, 51, 8); }
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
Coral Ink Bright
#422406 · hsl(30, 84%, 14%)
Complementary counterpoint
Sapphire Nocturne Bright
#08335E · hsl(210, 84%, 20%)
Analogous lead
Canary Nocturne Bright
#5E5708 · hsl(55, 84%, 20%)
Analogous echo
Scarlet Nocturne Bright
#5E0F08 · hsl(5, 84%, 20%)
Triadic +120°
Jade Nocturne Bright
#085E33 · hsl(150, 84%, 20%)
Triadic +240°
Plum Nocturne Bright
#33085E · hsl(270, 84%, 20%)
Split-comp +150°
Aqua Nocturne Bright
#085E5E · hsl(180, 84%, 20%)
Split-comp +210°
Iris Nocturne Bright
#08085E · hsl(240, 84%, 20%)
Export preview
Base: Coral Nocturne Bright #5E3308 Lighter companion: Coral Shadow Bright #83470B Darker companion: Coral Ink Bright #422406 Complementary counterpoint: Sapphire Nocturne Bright #08335E Analogous lead: Canary Nocturne Bright #5E5708 Analogous echo: Scarlet Nocturne Bright #5E0F08 Triadic +120°: Jade Nocturne Bright #085E33 Triadic +240°: Plum Nocturne Bright #33085E Split-comp +150°: Aqua Nocturne Bright #085E5E Split-comp +210°: Iris Nocturne Bright #08085E
Nearest neighbors
The closest archive matches by hue, saturation, and lightness.
Nearby match
Coral Nocturne Pure
#623304 · hsl(30, 92%, 20%)
Nearby match
Coral Ink Bright
#422406 · hsl(30, 84%, 14%)
Nearby match
Coral Nocturne Vivid
#59330D · hsl(30, 74%, 20%)
Nearby match
Tangerine Nocturne Bright
#5E2C08 · hsl(25, 84%, 20%)
Nearby match
Coral Shadow Bright
#83470B · hsl(30, 84%, 28%)
Nearby match
Coral Ink Pure
#452403 · hsl(30, 92%, 14%)
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
#51541C
Protanopia
#4F4E19
Tritanopia
#5C2223
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.