Lighter companion
Cobalt Tone Vivid
#4E80E4 · hsl(220, 74%, 60%)
RGB
rgb(51, 109, 225)
HSL
hsl(220, 74%, 54%)
CMYK
cmyk(77%, 52%, 0%, 12%)
Metrics
S 74% · L 54%
Contrast (WCAG)
on white
4.8:1AA
on black
4.4:1AA Large
About this color
Cobalt Radiant Vivid (#336DE1) belongs to the blue family — hue 220°, 74% saturation, 54% 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-radiant-vivid: #336DE1; --colorarchive-cobalt-radiant-vivid-hsl: hsl(220, 74%, 54%); --colorarchive-cobalt-radiant-vivid-rgb: rgb(51, 109, 225); }
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 Core Vivid
#205CD5 · hsl(220, 74%, 48%)
Complementary counterpoint
Apricot Radiant Vivid
#E1A733 · hsl(40, 74%, 54%)
Analogous lead
Amethyst Radiant Vivid
#4133E1 · hsl(245, 74%, 54%)
Analogous echo
Azure Radiant Vivid
#33A7E1 · hsl(200, 74%, 54%)
Triadic +120°
Garnet Radiant Vivid
#E1336D · hsl(340, 74%, 54%)
Triadic +240°
Moss Radiant Vivid
#6DE133 · hsl(100, 74%, 54%)
Split-comp +150°
Ruby Radiant Vivid
#E15033 · hsl(10, 74%, 54%)
Split-comp +210°
Honey Radiant Vivid
#C4E133 · hsl(70, 74%, 54%)
Export preview
Base: Cobalt Radiant Vivid #336DE1 Lighter companion: Cobalt Tone Vivid #4E80E4 Darker companion: Cobalt Core Vivid #205CD5 Complementary counterpoint: Apricot Radiant Vivid #E1A733 Analogous lead: Amethyst Radiant Vivid #4133E1 Analogous echo: Azure Radiant Vivid #33A7E1 Triadic +120°: Garnet Radiant Vivid #E1336D Triadic +240°: Moss Radiant Vivid #6DE133 Split-comp +150°: Ruby Radiant Vivid #E15033 Split-comp +210°: Honey Radiant Vivid #C4E133
Nearest neighbors
The closest archive matches by hue, saturation, and lightness.
Nearby match
Cobalt Core Vivid
#205CD5 · hsl(220, 74%, 48%)
Nearby match
Cobalt Tone Vivid
#4E80E4 · hsl(220, 74%, 60%)
Nearby match
Cobalt Radiant Bright
#2769EC · hsl(220, 84%, 54%)
Nearby match
Cobalt Radiant Pure
#1E66F6 · hsl(220, 92%, 54%)
Nearby match
Cobalt Velvet Vivid
#1C51BA · hsl(220, 74%, 42%)
Nearby match
Cobalt Core Bright
#1458E1 · hsl(220, 84%, 48%)
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
#4F4AC7
Protanopia
#5253CD
Tritanopia
#38BAB6
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