Lighter companion
Cobalt Radiant Vivid
#336DE1 · hsl(220, 74%, 54%)
RGB
rgb(32, 92, 213)
HSL
hsl(220, 74%, 48%)
CMYK
cmyk(85%, 57%, 0%, 16%)
Metrics
S 74% · L 48%
Contrast (WCAG)
on white
5.9:1AA
on black
3.6:1AA Large
About this color
Cobalt Core Vivid (#205CD5) belongs to the blue family — hue 220°, 74% saturation, 48% 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-cobalt-core-vivid: #205CD5; --colorarchive-cobalt-core-vivid-hsl: hsl(220, 74%, 48%); --colorarchive-cobalt-core-vivid-rgb: rgb(32, 92, 213); }
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
Cobalt Velvet Vivid
#1C51BA · hsl(220, 74%, 42%)
Complementary counterpoint
Apricot Core Vivid
#D59920 · hsl(40, 74%, 48%)
Analogous lead
Amethyst Core Vivid
#2F20D5 · hsl(245, 74%, 48%)
Analogous echo
Azure Core Vivid
#2099D5 · hsl(200, 74%, 48%)
Triadic +120°
Garnet Core Vivid
#D5205C · hsl(340, 74%, 48%)
Triadic +240°
Moss Core Vivid
#5CD520 · hsl(100, 74%, 48%)
Split-comp +150°
Ruby Core Vivid
#D53E20 · hsl(10, 74%, 48%)
Split-comp +210°
Honey Core Vivid
#B7D520 · hsl(70, 74%, 48%)
Export preview
Base: Cobalt Core Vivid #205CD5 Lighter companion: Cobalt Radiant Vivid #336DE1 Darker companion: Cobalt Velvet Vivid #1C51BA Complementary counterpoint: Apricot Core Vivid #D59920 Analogous lead: Amethyst Core Vivid #2F20D5 Analogous echo: Azure Core Vivid #2099D5 Triadic +120°: Garnet Core Vivid #D5205C Triadic +240°: Moss Core Vivid #5CD520 Split-comp +150°: Ruby Core Vivid #D53E20 Split-comp +210°: Honey Core Vivid #B7D520
Nearest neighbors
The closest archive matches by hue, saturation, and lightness.
Nearby match
Cobalt Velvet Vivid
#1C51BA · hsl(220, 74%, 42%)
Nearby match
Cobalt Radiant Vivid
#336DE1 · hsl(220, 74%, 54%)
Nearby match
Cobalt Core Bright
#1458E1 · hsl(220, 84%, 48%)
Nearby match
Cobalt Core Pure
#0A55EB · hsl(220, 92%, 48%)
Nearby match
Cobalt Tone Vivid
#4E80E4 · hsl(220, 74%, 60%)
Nearby match
Cobalt Velvet Bright
#114DC5 · hsl(220, 84%, 42%)
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
#3F3ABB
Protanopia
#4243C1
Tritanopia
#26AEAA
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.
Appears in collections