Lighter companion
Iris Tone Bright
#4343EF · hsl(240, 84%, 60%)
RGB
rgb(39, 39, 236)
HSL
hsl(240, 84%, 54%)
CMYK
cmyk(83%, 83%, 0%, 7%)
Metrics
S 84% · L 54%
Contrast (WCAG)
on white
8.1:1AA
on black
2.6:1Fail
About this color
Iris Radiant Bright (#2727EC) belongs to the blue family — hue 240°, 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-iris-radiant-bright: #2727EC; --colorarchive-iris-radiant-bright-hsl: hsl(240, 84%, 54%); --colorarchive-iris-radiant-bright-rgb: rgb(39, 39, 236); }
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
Iris Core Bright
#1414E1 · hsl(240, 84%, 48%)
Complementary counterpoint
Citrine Radiant Bright
#ECEC27 · hsl(60, 84%, 54%)
Analogous lead
Orchid Radiant Bright
#6927EC · hsl(260, 84%, 54%)
Analogous echo
Cobalt Radiant Bright
#2769EC · hsl(220, 84%, 54%)
Triadic +120°
Crimson Radiant Bright
#EC2727 · hsl(0, 84%, 54%)
Triadic +240°
Emerald Radiant Bright
#27EC27 · hsl(120, 84%, 54%)
Split-comp +150°
Coral Radiant Bright
#EC8A27 · hsl(30, 84%, 54%)
Split-comp +210°
Lime Radiant Bright
#8AEC27 · hsl(90, 84%, 54%)
Export preview
Base: Iris Radiant Bright #2727EC Lighter companion: Iris Tone Bright #4343EF Darker companion: Iris Core Bright #1414E1 Complementary counterpoint: Citrine Radiant Bright #ECEC27 Analogous lead: Orchid Radiant Bright #6927EC Analogous echo: Cobalt Radiant Bright #2769EC Triadic +120°: Crimson Radiant Bright #EC2727 Triadic +240°: Emerald Radiant Bright #27EC27 Split-comp +150°: Coral Radiant Bright #EC8A27 Split-comp +210°: Lime Radiant Bright #8AEC27
Nearest neighbors
The closest archive matches by hue, saturation, and lightness.
Nearby match
Iris Radiant Pure
#1E1EF6 · hsl(240, 92%, 54%)
Nearby match
Iris Core Bright
#1414E1 · hsl(240, 84%, 48%)
Nearby match
Iris Tone Bright
#4343EF · hsl(240, 84%, 60%)
Nearby match
Iris Radiant Vivid
#3333E1 · hsl(240, 74%, 54%)
Nearby match
Amethyst Radiant Bright
#3827EC · hsl(245, 84%, 54%)
Nearby match
Iris Core Pure
#0A0AEB · hsl(240, 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
#2727CA
Protanopia
#2727D1
Tritanopia
#27B9B3
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.