Iris Tone Clear — #6262D0 Hex Color Code

RGB

rgb(98, 98, 208)

HSL

hsl(240, 54%, 60%)

Metrics

S 54% · L 60%

Contrast (WCAG)

on white

5:1AA

on black

4.2:1AA Large

Recent trail

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; /* hsl(240, 54%, 60%) */
}

Tonal strip

All lightness levels at this hue and saturation. Click any to navigate.

Palette moves

Instead of stopping at one swatch, use nearby, opposite, and tonal neighbors to branch into a broader palette.

Lighter companion

Iris Silk Clear

#8181D9 · hsl(240, 54%, 68%)

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%)

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