Lighter companion
Citrine Core Bright
#E1E114 · hsl(60, 84%, 48%)
RGB
rgb(197, 197, 17)
HSL
hsl(60, 84%, 42%)
CMYK
cmyk(0%, 0%, 91%, 23%)
Metrics
S 84% · L 42%
Contrast (WCAG)
on white
1.8:1Fail
on black
11.4:1AA
About this color
Citrine Velvet Bright (#C5C511) belongs to the yellow family — hue 60°, 84% saturation, 42% 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-velvet-bright: #C5C511; --colorarchive-citrine-velvet-bright-hsl: hsl(60, 84%, 42%); --colorarchive-citrine-velvet-bright-rgb: rgb(197, 197, 17); }
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 Dusk Bright
#A0A00E · hsl(60, 84%, 34%)
Complementary counterpoint
Iris Velvet Bright
#1111C5 · hsl(240, 84%, 42%)
Analogous lead
Olive Velvet Bright
#89C511 · hsl(80, 84%, 42%)
Analogous echo
Apricot Velvet Bright
#C58911 · hsl(40, 84%, 42%)
Triadic +120°
Aqua Velvet Bright
#11C5C5 · hsl(180, 84%, 42%)
Triadic +240°
Fuchsia Velvet Bright
#C511C5 · hsl(300, 84%, 42%)
Split-comp +150°
Sapphire Velvet Bright
#116BC5 · hsl(210, 84%, 42%)
Split-comp +210°
Plum Velvet Bright
#6B11C5 · hsl(270, 84%, 42%)
Export preview
Base: Citrine Velvet Bright #C5C511 Lighter companion: Citrine Core Bright #E1E114 Darker companion: Citrine Dusk Bright #A0A00E Complementary counterpoint: Iris Velvet Bright #1111C5 Analogous lead: Olive Velvet Bright #89C511 Analogous echo: Apricot Velvet Bright #C58911 Triadic +120°: Aqua Velvet Bright #11C5C5 Triadic +240°: Fuchsia Velvet Bright #C511C5 Split-comp +150°: Sapphire Velvet Bright #116BC5 Split-comp +210°: Plum Velvet Bright #6B11C5
Nearest neighbors
The closest archive matches by hue, saturation, and lightness.
Nearby match
Citrine Velvet Pure
#CECE09 · hsl(60, 92%, 42%)
Nearby match
Citrine Core Bright
#E1E114 · hsl(60, 84%, 48%)
Nearby match
Citrine Velvet Vivid
#BABA1C · hsl(60, 74%, 42%)
Nearby match
Canary Velvet Bright
#C5B611 · hsl(55, 84%, 42%)
Nearby match
Citrine Dusk Bright
#A0A00E · hsl(60, 84%, 34%)
Nearby match
Citrine Core Pure
#EBEB0A · hsl(60, 92%, 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
#C5C573
Protanopia
#C5C568
Tritanopia
#C5888D
Ready to build
Turn these colors into design tokens
ColorArchive packs include CSS variables, Figma tokens, Tailwind config, and Procreate swatches — ready to drop into any project.