Lighter companion
Citrine Tone Bright
#EFEF43 · hsl(60, 84%, 60%)
RGB
rgb(236, 236, 39)
HSL
hsl(60, 84%, 54%)
CMYK
cmyk(0%, 0%, 83%, 7%)
Metrics
S 84% · L 54%
Contrast (WCAG)
on white
1.3:1Fail
on black
16.6:1AA
About this color
Citrine Radiant Bright (#ECEC27) belongs to the yellow family — hue 60°, 84% 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-bright: #ECEC27; --colorarchive-citrine-radiant-bright-hsl: hsl(60, 84%, 54%); --colorarchive-citrine-radiant-bright-rgb: rgb(236, 236, 39); }
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 Bright
#E1E114 · hsl(60, 84%, 48%)
Complementary counterpoint
Iris Radiant Bright
#2727EC · hsl(240, 84%, 54%)
Analogous lead
Olive Radiant Bright
#ABEC27 · hsl(80, 84%, 54%)
Analogous echo
Apricot Radiant Bright
#ECAB27 · hsl(40, 84%, 54%)
Triadic +120°
Aqua Radiant Bright
#27ECEC · hsl(180, 84%, 54%)
Triadic +240°
Fuchsia Radiant Bright
#EC27EC · hsl(300, 84%, 54%)
Split-comp +150°
Sapphire Radiant Bright
#278AEC · hsl(210, 84%, 54%)
Split-comp +210°
Plum Radiant Bright
#8A27EC · hsl(270, 84%, 54%)
Export preview
Base: Citrine Radiant Bright #ECEC27 Lighter companion: Citrine Tone Bright #EFEF43 Darker companion: Citrine Core Bright #E1E114 Complementary counterpoint: Iris Radiant Bright #2727EC Analogous lead: Olive Radiant Bright #ABEC27 Analogous echo: Apricot Radiant Bright #ECAB27 Triadic +120°: Aqua Radiant Bright #27ECEC Triadic +240°: Fuchsia Radiant Bright #EC27EC Split-comp +150°: Sapphire Radiant Bright #278AEC Split-comp +210°: Plum Radiant Bright #8A27EC
Nearest neighbors
The closest archive matches by hue, saturation, and lightness.
Nearby match
Citrine Radiant Pure
#F6F61E · hsl(60, 92%, 54%)
Nearby match
Citrine Core Bright
#E1E114 · hsl(60, 84%, 48%)
Nearby match
Citrine Tone Bright
#EFEF43 · hsl(60, 84%, 60%)
Nearby match
Citrine Radiant Vivid
#E1E133 · hsl(60, 74%, 54%)
Nearby match
Canary Radiant Bright
#ECDC27 · hsl(55, 84%, 54%)
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
#ECEC8D
Protanopia
#ECEC81
Tritanopia
#ECA5AB
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.