Lighter companion
Citrine Tone Vivid
#E4E44E · hsl(60, 74%, 60%)
RGB
rgb(225, 225, 51)
HSL
hsl(60, 74%, 54%)
CMYK
cmyk(0%, 0%, 77%, 12%)
Metrics
S 74% · L 54%
Contrast (WCAG)
on white
1.4:1Fail
on black
15:1AA
About this color
Citrine Radiant Vivid (#E1E133) belongs to the yellow family — hue 60°, 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-citrine-radiant-vivid: #E1E133; --colorarchive-citrine-radiant-vivid-hsl: hsl(60, 74%, 54%); --colorarchive-citrine-radiant-vivid-rgb: rgb(225, 225, 51); }
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
Citrine Core Vivid
#D5D520 · hsl(60, 74%, 48%)
Complementary counterpoint
Iris Radiant Vivid
#3333E1 · hsl(240, 74%, 54%)
Analogous lead
Olive Radiant Vivid
#A7E133 · hsl(80, 74%, 54%)
Analogous echo
Apricot Radiant Vivid
#E1A733 · hsl(40, 74%, 54%)
Triadic +120°
Aqua Radiant Vivid
#33E1E1 · hsl(180, 74%, 54%)
Triadic +240°
Fuchsia Radiant Vivid
#E133E1 · hsl(300, 74%, 54%)
Split-comp +150°
Sapphire Radiant Vivid
#338AE1 · hsl(210, 74%, 54%)
Split-comp +210°
Plum Radiant Vivid
#8A33E1 · hsl(270, 74%, 54%)
Export preview
Base: Citrine Radiant Vivid #E1E133 Lighter companion: Citrine Tone Vivid #E4E44E Darker companion: Citrine Core Vivid #D5D520 Complementary counterpoint: Iris Radiant Vivid #3333E1 Analogous lead: Olive Radiant Vivid #A7E133 Analogous echo: Apricot Radiant Vivid #E1A733 Triadic +120°: Aqua Radiant Vivid #33E1E1 Triadic +240°: Fuchsia Radiant Vivid #E133E1 Split-comp +150°: Sapphire Radiant Vivid #338AE1 Split-comp +210°: Plum Radiant Vivid #8A33E1
Nearest neighbors
The closest archive matches by hue, saturation, and lightness.
Nearby match
Citrine Core Vivid
#D5D520 · hsl(60, 74%, 48%)
Nearby match
Citrine Tone Vivid
#E4E44E · hsl(60, 74%, 60%)
Nearby match
Citrine Radiant Bright
#ECEC27 · hsl(60, 84%, 54%)
Nearby match
Canary Radiant Vivid
#E1D233 · hsl(55, 74%, 54%)
Nearby match
Citrine Radiant Pure
#F6F61E · hsl(60, 92%, 54%)
Nearby match
Citrine Velvet Vivid
#BABA1C · hsl(60, 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
#E1E189
Protanopia
#E1E17E
Tritanopia
#E19FA5
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