We're live on Product Hunt!Support us
ColorArchive

A curated color library with 5,000+ algorithmically generated colors. Browse, search, save favorites, and export palette tokens — no account required.

CollectionsFamiliesNotesGuidesFree ResourcesConvertColorblindAboutSupportUpdates
Ready for static export
Privacy·Terms·Refunds·Cookies·Commerce Disclosure
colorarchive.org · © 2026 ColorArchive
Skip to content
ColorArchive
ProLog in
ArchiveAll ColorsCollections
Color detail

Azure Shadow Soft

Blue · Hue 200
Hex
#2F4F60
RGB
rgb(47, 79, 96)
HSL
hsl(200, 34%, 28%)
CMYK
cmyk(51%, 18%, 0%, 62%)
Metrics
S 34% · L 28%
Contrast (WCAG)
on white
8.7:1AA
on black
2.4:1Fail
Sign in to saveStart palette from thisRecent trail

About this color

Azure Shadow Soft (#2F4F60) belongs to the blue family — hue 200°, 34% saturation, 28% 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-azure-shadow-soft: #2F4F60;
  --colorarchive-azure-shadow-soft-hsl: hsl(200, 34%, 28%);
  --colorarchive-azure-shadow-soft-rgb: rgb(47, 79, 96);
}

AI Color Names

Let AI suggest alternative poetic names for this color in English and Chinese.

Tonal strip

All lightness levels at this hue and saturation. Click any to navigate.

Palette moves

Instead of stopping at one swatch, use nearby, opposite, and tonal neighbors to branch into a broader palette.

Lighter companion
Azure Dusk Soft
#396174 · hsl(200, 34%, 34%)
Darker companion
Azure Nocturne Soft
#223944 · hsl(200, 34%, 20%)
Complementary counterpoint
Ember Shadow Soft
#603F2F · hsl(20, 34%, 28%)
Analogous lead
Cobalt Shadow Soft
#2F3F60 · hsl(220, 34%, 28%)
Analogous echo
Cyan Shadow Soft
#2F605C · hsl(175, 34%, 28%)
Triadic +120°
Rose Shadow Soft
#602F4F · hsl(320, 34%, 28%)
Triadic +240°
Olive Shadow Soft
#4F602F · hsl(80, 34%, 28%)
Split-comp +150°
Merlot Shadow Soft
#602F37 · hsl(350, 34%, 28%)
Split-comp +210°
Amber Shadow Soft
#60582F · hsl(50, 34%, 28%)
Export preview
Base: Azure Shadow Soft #2F4F60
Lighter companion: Azure Dusk Soft #396174
Darker companion: Azure Nocturne Soft #223944
Complementary counterpoint: Ember Shadow Soft #603F2F
Analogous lead: Cobalt Shadow Soft #2F3F60
Analogous echo: Cyan Shadow Soft #2F605C
Triadic +120°: Rose Shadow Soft #602F4F
Triadic +240°: Olive Shadow Soft #4F602F
Split-comp +150°: Merlot Shadow Soft #602F37
Split-comp +210°: Amber Shadow Soft #60582F

Nearest neighbors

The closest archive matches by hue, saturation, and lightness.

Search by hex
Nearby match
Azure Shadow Dust
#354E5A · hsl(200, 26%, 28%)
Nearby match
Azure Dusk Soft
#396174 · hsl(200, 34%, 34%)
Nearby match
Steel Shadow Soft
#2F4B60 · hsl(205, 34%, 28%)
Nearby match
Azure Nocturne Soft
#223944 · hsl(200, 34%, 20%)
Nearby match
Azure Shadow Muted
#3B4C54 · hsl(200, 18%, 28%)
Nearby match
Azure Dusk Dust
#405E6D · hsl(200, 26%, 34%)

Accessible pairings

Archive colors that meet WCAG contrast standards when paired with this color. Use as text-on-background or background-on-text.

Contrast checker
AAA8.3:1
Ember Veil Faint
#FAFAF9
AAA8.4:1
Ember Veil Muted
#FBFAF9
AAA8.3:1
Ember Veil Dust
#FBF9F9
AAA8.3:1
Ember Veil Soft
#FCF9F8
AAA8.3:1
Ember Veil Clear
#FDF9F7
AAA8.3:1
Ember Veil Vivid
#FEF9F6

Color Vision Simulation

How this color appears with different color vision deficiencies.

Full simulator
Deuteranopia
#3D3B5B
Protanopia
#3F3F5C
Tritanopia
#315958
Ready to build

Turn these colors into design tokens

ColorArchive Pro includes CSS variables, Figma tokens, Tailwind config, and Procreate swatches — ready to drop into any project.

Upgrade to ProFree downloadView collections

Related colors

More from Blue

Search
Cerulean Ink Faint#202627 · hsl(190, 10%, 14%)Cerulean Nocturne Faint#2E3638 · hsl(190, 10%, 20%)Cerulean Shadow Faint#404C4F · hsl(190, 10%, 28%)Cerulean Dusk Faint#4E5C5F · hsl(190, 10%, 34%)Cerulean Velvet Faint#607276 · hsl(190, 10%, 42%)Cerulean Core Faint#6E8387 · hsl(190, 10%, 48%)Cerulean Radiant Faint#7E9295 · hsl(190, 10%, 54%)Cerulean Tone Faint#8FA0A3 · hsl(190, 10%, 60%)
Appears in collections
Deep Tide