Trend Model Study — Meadow Phase SparkA study in color.
Start with the whole. Fall for the details.
Deep Red
Lightness
One color.
More possibilities.
RGB 91, 26, 20 · HSL 5.1°, 64%, 21.8%. 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 #5B1A14.
Every shade.
A new perspective.
#5B1A1413.10:1 · AAA03 Profile & contrast
- CIELAB · D65
- 20.1, 29.3, 20.5
- Relative luminance
- 0.0301
- HSL saturation
- 64%
- HSL lightness
- 21.8%
Aa On white · 13.10:1 · AAA
Aa On black · 1.60: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: #F3CFD7 at 9.18:1.
Gray
Lightness
One color.
More possibilities.
RGB 124, 135, 131 · HSL 158.2°, 4.4%, 50.8%. 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 #7C8783.
Every shade.
A new perspective.
#7C87835.65:1 · AA03 Profile & contrast
- CIELAB · D65
- 55.3, -4.8, 0.8
- Relative luminance
- 0.2325
- HSL saturation
- 4.4%
- HSL lightness
- 50.8%
Aa On white · 3.72:1 · Below AA
Aa On black · 5.65: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: #332F35 at 3.53:1.
Dark Gray
Lightness
One color.
More possibilities.
RGB 51, 47, 53 · HSL 280°, 6%, 19.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 #332F35.
Every shade.
A new perspective.
#332F3513.14:1 · AAA03 Profile & contrast
- CIELAB · D65
- 20, 3.2, -3.2
- Relative luminance
- 0.0299
- HSL saturation
- 6%
- HSL lightness
- 19.6%
Aa On white · 13.14:1 · AAA
Aa On black · 1.60: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: #F3CFD7 at 9.21:1.
Orange
Lightness
One color.
More possibilities.
RGB 198, 163, 67 · HSL 44°, 53.5%, 52%. 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 #C6A343.
Every shade.
A new perspective.
#C6A3438.72:1 · AAA03 Profile & contrast
- CIELAB · D65
- 68.5, 2.3, 53.1
- Relative luminance
- 0.3861
- HSL saturation
- 53.5%
- HSL lightness
- 52%
Aa On white · 2.41:1 · Below AA
Aa On black · 8.72: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: #332F35 at 5.45:1.
Cyan
Lightness
One color.
More possibilities.
RGB 68, 147, 168 · HSL 192.6°, 42.4%, 46.3%. 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 #4493A8.
Every shade.
A new perspective.
#4493A85.98:1 · AA03 Profile & contrast
- CIELAB · D65
- 57, -17.8, -18.3
- Relative luminance
- 0.2492
- HSL saturation
- 42.4%
- HSL lightness
- 46.3%
Aa On white · 3.51:1 · Below AA
Aa On black · 5.98: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: #332F35 at 3.74:1.
Blush Pink
Lightness
One color.
More possibilities.
RGB 243, 207, 215 · HSL 346.7°, 60%, 88.2%. 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 #F3CFD7.
Every shade.
A new perspective.
#F3CFD714.72:1 · AAA03 Profile & contrast
- CIELAB · D65
- 86.3, 13.9, 0.7
- Relative luminance
- 0.6859
- HSL saturation
- 60%
- HSL lightness
- 88.2%
Aa On white · 1.43:1 · Below AA
Aa On black · 14.72: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: #332F35 at 9.21: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 ↗