Lighter companion
Azure Tone Vivid
#4EB2E4 · hsl(200, 74%, 60%)
RGB
rgb(51, 167, 225)
HSL
hsl(200, 74%, 54%)
CMYK
cmyk(77%, 26%, 0%, 12%)
Metrics
S 74% · L 54%
Contrast (WCAG)
on white
2.7:1Fail
on black
7.8:1AA
About this color
Azure Radiant Vivid (#33A7E1) belongs to the blue family — hue 200°, 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-azure-radiant-vivid: #33A7E1; --colorarchive-azure-radiant-vivid-hsl: hsl(200, 74%, 54%); --colorarchive-azure-radiant-vivid-rgb: rgb(51, 167, 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
Azure Core Vivid
#2099D5 · hsl(200, 74%, 48%)
Complementary counterpoint
Ember Radiant Vivid
#E16D33 · hsl(20, 74%, 54%)
Analogous lead
Cobalt Radiant Vivid
#336DE1 · hsl(220, 74%, 54%)
Analogous echo
Cyan Radiant Vivid
#33E1D2 · hsl(175, 74%, 54%)
Triadic +120°
Rose Radiant Vivid
#E133A7 · hsl(320, 74%, 54%)
Triadic +240°
Olive Radiant Vivid
#A7E133 · hsl(80, 74%, 54%)
Split-comp +150°
Merlot Radiant Vivid
#E13350 · hsl(350, 74%, 54%)
Split-comp +210°
Amber Radiant Vivid
#E1C433 · hsl(50, 74%, 54%)
Export preview
Base: Azure Radiant Vivid #33A7E1 Lighter companion: Azure Tone Vivid #4EB2E4 Darker companion: Azure Core Vivid #2099D5 Complementary counterpoint: Ember Radiant Vivid #E16D33 Analogous lead: Cobalt Radiant Vivid #336DE1 Analogous echo: Cyan Radiant Vivid #33E1D2 Triadic +120°: Rose Radiant Vivid #E133A7 Triadic +240°: Olive Radiant Vivid #A7E133 Split-comp +150°: Merlot Radiant Vivid #E13350 Split-comp +210°: Amber Radiant Vivid #E1C433
Nearest neighbors
The closest archive matches by hue, saturation, and lightness.
Nearby match
Azure Core Vivid
#2099D5 · hsl(200, 74%, 48%)
Nearby match
Azure Tone Vivid
#4EB2E4 · hsl(200, 74%, 60%)
Nearby match
Azure Radiant Bright
#27ABEC · hsl(200, 84%, 54%)
Nearby match
Steel Radiant Vivid
#3398E1 · hsl(205, 74%, 54%)
Nearby match
Azure Radiant Pure
#1EAEF6 · hsl(200, 92%, 54%)
Nearby match
Azure Velvet Vivid
#1C86BA · hsl(200, 74%, 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
#7168D2
Protanopia
#7878D5
Tritanopia
#40CBC8
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.