Lighter companion
Iris Silk Clear
#8181D9 · hsl(240, 54%, 68%)
RGB
rgb(98, 98, 208)
HSL
hsl(240, 54%, 60%)
CMYK
cmyk(53%, 53%, 0%, 18%)
Metrics
S 54% · L 60%
Contrast (WCAG)
on white
5:1AA
on black
4.2:1AA Large
About this color
Iris Tone Clear (#6262D0) belongs to the blue family — hue 240°, 54% saturation, 60% 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-tone-clear: #6262D0; --colorarchive-iris-tone-clear-hsl: hsl(240, 54%, 60%); --colorarchive-iris-tone-clear-rgb: rgb(98, 98, 208); }
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 Radiant Clear
#4A4AC9 · hsl(240, 54%, 54%)
Complementary counterpoint
Citrine Tone Clear
#D0D062 · hsl(60, 54%, 60%)
Analogous lead
Orchid Tone Clear
#8762D0 · hsl(260, 54%, 60%)
Analogous echo
Cobalt Tone Clear
#6287D0 · hsl(220, 54%, 60%)
Triadic +120°
Crimson Tone Clear
#D06262 · hsl(0, 54%, 60%)
Triadic +240°
Emerald Tone Clear
#62D062 · hsl(120, 54%, 60%)
Split-comp +150°
Coral Tone Clear
#D09962 · hsl(30, 54%, 60%)
Split-comp +210°
Lime Tone Clear
#99D062 · hsl(90, 54%, 60%)
Export preview
Base: Iris Tone Clear #6262D0 Lighter companion: Iris Silk Clear #8181D9 Darker companion: Iris Radiant Clear #4A4AC9 Complementary counterpoint: Citrine Tone Clear #D0D062 Analogous lead: Orchid Tone Clear #8762D0 Analogous echo: Cobalt Tone Clear #6287D0 Triadic +120°: Crimson Tone Clear #D06262 Triadic +240°: Emerald Tone Clear #62D062 Split-comp +150°: Coral Tone Clear #D09962 Split-comp +210°: Lime Tone Clear #99D062
Nearest neighbors
The closest archive matches by hue, saturation, and lightness.
Nearby match
Iris Radiant Clear
#4A4AC9 · hsl(240, 54%, 54%)
Nearby match
Amethyst Tone Clear
#6B62D0 · hsl(245, 54%, 60%)
Nearby match
Iris Silk Clear
#8181D9 · hsl(240, 54%, 68%)
Nearby match
Iris Core Clear
#3838BC · hsl(240, 54%, 48%)
Nearby match
Iris Tone Soft
#7676BC · hsl(240, 34%, 60%)
Nearby match
Iris Tone Vivid
#4E4EE4 · hsl(240, 74%, 60%)
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
#6262B8
Protanopia
#6262BD
Tritanopia
#62ACA8
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.