Candy MeditationA study in color.
Start with the whole. Fall for the details.
Dark Stone Sapphire
Lightness
One color.
More possibilities.
RGB 47, 72, 88 · HSL 203.4°, 30.4%, 26.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 #2F4858.
Every shade.
A new perspective.
#2F48589.59:1 · AAA03 Profile & contrast
- CIELAB · D65
- 29.3, -4.7, -12.5
- Relative luminance
- 0.0594
- HSL saturation
- 30.4%
- HSL lightness
- 26.5%
Aa On white · 9.59:1 · AAA
Aa On black · 2.19: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: #F6AE2D at 5.03:1.
Indigo
Lightness
One color.
More possibilities.
RGB 51, 101, 138 · HSL 205.5°, 46%, 37.1%. 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 #33658A.
Every shade.
A new perspective.
#33658A6.23:1 · AA03 Profile & contrast
- CIELAB · D65
- 41, -4.8, -25.5
- Relative luminance
- 0.1185
- HSL saturation
- 46%
- HSL lightness
- 37.1%
Aa On white · 6.23:1 · AA
Aa On black · 3.37: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: #F6AE2D at 3.27:1.
Soft Gentle Sapphire
Lightness
One color.
More possibilities.
RGB 134, 187, 216 · HSL 201.2°, 51.3%, 68.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 #86BBD8.
Every shade.
A new perspective.
#86BBD810.11:1 · AAA03 Profile & contrast
- CIELAB · D65
- 73.3, -10.1, -20.1
- Relative luminance
- 0.4557
- HSL saturation
- 51.3%
- HSL lightness
- 68.6%
Aa On white · 2.08:1 · Below AA
Aa On black · 10.11: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: #2F4858 at 4.62:1.
Pale Vivid Chartreuse
Lightness
One color.
More possibilities.
RGB 246, 174, 45 · HSL 38.5°, 91.8%, 57.1%. 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 #F6AE2D.
Every shade.
A new perspective.
#F6AE2D11.01:1 · AAA03 Profile & contrast
- CIELAB · D65
- 76.1, 16.1, 70.7
- Relative luminance
- 0.5005
- HSL saturation
- 91.8%
- HSL lightness
- 57.1%
Aa On white · 1.91:1 · Below AA
Aa On black · 11.01: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: #2F4858 at 5.03:1.
Amber
Lightness
One color.
More possibilities.
RGB 242, 100, 25 · HSL 20.7°, 89.3%, 52.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 #F26419.
Every shade.
A new perspective.
#F264196.61:1 · AA03 Profile & contrast
- CIELAB · D65
- 59.9, 51.5, 63.6
- Relative luminance
- 0.2806
- HSL saturation
- 89.3%
- HSL lightness
- 52.4%
Aa On white · 3.18:1 · Below AA
Aa On black · 6.61: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: #2F4858 at 3.02: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 ↗