Sweet VoltageA study in color.
Start with the whole. Fall for the details.
Dark Medium Magenta
Lightness
One color.
More possibilities.
RGB 61, 52, 139 · HSL 246.2°, 45.5%, 37.5%. Explore lighter and darker expressions without changing the original palette.
01 Shades & tints
QRCO’s HSL lightness steps, from 10% to 90%. Tap a swatch to preview it.
02 Color variants
The editor’s existing lightness offsets around #3D348B.
Every shade.
A new perspective.
#3D348B10.18:1 · AAA03 Profile & contrast
- CIELAB · D65
- 27.6, 29.4, -47.3
- Relative luminance
- 0.0531
- HSL saturation
- 45.5%
- HSL lightness
- 37.5%
Aa On white · 10.18:1 · AAA
Aa On black · 2.06:1 · Below AA
Normal text: AA requires 4.5:1, AAA 7:1. Large text: AA requires 3:1, AAA 4.5:1. Ratings apply to the measured pair.
Strongest partner in this palette: #F7B801 at 5.73:1.
Bold Purple
Lightness
One color.
More possibilities.
RGB 118, 120, 237 · HSL 239°, 76.8%, 69.6%. Explore lighter and darker expressions without changing the original palette.
01 Shades & tints
QRCO’s HSL lightness steps, from 10% to 90%. Tap a swatch to preview it.
02 Color variants
The editor’s existing lightness offsets around #7678ED.
Every shade.
A new perspective.
#7678ED5.68:1 · AA03 Profile & contrast
- CIELAB · D65
- 55.5, 30.3, -59.5
- Relative luminance
- 0.234
- HSL saturation
- 76.8%
- HSL lightness
- 69.6%
Aa On white · 3.70:1 · Below AA
Aa On black · 5.68:1 · AA
Normal text: AA requires 4.5:1, AAA 7:1. Large text: AA requires 3:1, AAA 4.5:1. Ratings apply to the measured pair.
Strongest partner in this palette: #3D348B at 2.75:1.
Light Vivid Chartreuse
Lightness
One color.
More possibilities.
RGB 247, 184, 1 · HSL 44.6°, 99.2%, 48.6%. Explore lighter and darker expressions without changing the original palette.
01 Shades & tints
QRCO’s HSL lightness steps, from 10% to 90%. Tap a swatch to preview it.
02 Color variants
The editor’s existing lightness offsets around #F7B801.
Every shade.
A new perspective.
#F7B80111.81:1 · AAA03 Profile & contrast
- CIELAB · D65
- 78.5, 10.6, 80.8
- Relative luminance
- 0.5406
- HSL saturation
- 99.2%
- HSL lightness
- 48.6%
Aa On white · 1.78:1 · Below AA
Aa On black · 11.81:1 · AAA
Normal text: AA requires 4.5:1, AAA 7:1. Large text: AA requires 3:1, AAA 4.5:1. Ratings apply to the measured pair.
Strongest partner in this palette: #3D348B at 5.73:1.
Pale Yellow
Lightness
One color.
More possibilities.
RGB 241, 135, 1 · HSL 33.5°, 99.2%, 47.5%. Explore lighter and darker expressions without changing the original palette.
01 Shades & tints
QRCO’s HSL lightness steps, from 10% to 90%. Tap a swatch to preview it.
02 Color variants
The editor’s existing lightness offsets around #F18701.
Every shade.
A new perspective.
#F187018.21:1 · AAA03 Profile & contrast
- CIELAB · D65
- 66.5, 33.7, 72.6
- Relative luminance
- 0.3603
- HSL saturation
- 99.2%
- HSL lightness
- 47.5%
Aa On white · 2.56:1 · Below AA
Aa On black · 8.21:1 · AAA
Normal text: AA requires 4.5:1, AAA 7:1. Large text: AA requires 3:1, AAA 4.5:1. Ratings apply to the measured pair.
Strongest partner in this palette: #3D348B at 3.98:1.
Intense Amber
Lightness
One color.
More possibilities.
RGB 243, 91, 4 · HSL 21.8°, 96.8%, 48.4%. Explore lighter and darker expressions without changing the original palette.
01 Shades & tints
QRCO’s HSL lightness steps, from 10% to 90%. Tap a swatch to preview it.
02 Color variants
The editor’s existing lightness offsets around #F35B04.
Every shade.
A new perspective.
#F35B046.31:1 · AA03 Profile & contrast
- CIELAB · D65
- 58.6, 55.6, 67.5
- Relative luminance
- 0.2655
- HSL saturation
- 96.8%
- HSL lightness
- 48.4%
Aa On white · 3.33:1 · Below AA
Aa On black · 6.31:1 · AA
Normal text: AA requires 4.5:1, AAA 7:1. Large text: AA requires 3:1, AAA 4.5:1. Ratings apply to the measured pair.
Strongest partner in this palette: #3D348B at 3.06:1.
Give these colors
somewhere to live.
Try the complete palette in QRCO’s brand, type and interface previews. Keep the colors you love and explore the rest.
Use this palette ↗