Radial Study — Spicy FlowA study in color.
Start with the whole. Fall for the details.
Terracotta
Lightness
One color.
More possibilities.
RGB 175, 90, 62 · HSL 14.9°, 47.7%, 46.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 #AF5A3E.
Every shade.
A new perspective.
#AF5A3E4.82:1 · AA03 Profile & contrast
- CIELAB · D65
- 48, 32.2, 31.6
- Relative luminance
- 0.1677
- HSL saturation
- 47.7%
- HSL lightness
- 46.5%
Aa On white · 4.82:1 · AA
Aa On black · 4.35: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: #FACD18 at 3.17:1.
Orange
Lightness
One color.
More possibilities.
RGB 249, 160, 71 · HSL 30°, 93.7%, 62.7%. 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 #F9A047.
Every shade.
A new perspective.
#F9A04710.15:1 · AAA03 Profile & contrast
- CIELAB · D65
- 73.4, 25.7, 58.2
- Relative luminance
- 0.4574
- HSL saturation
- 93.7%
- HSL lightness
- 62.7%
Aa On white · 2.07:1 · Below AA
Aa On black · 10.15: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: #AF5A3E at 2.33:1.
Yellow
Lightness
One color.
More possibilities.
RGB 250, 205, 24 · HSL 48.1°, 95.8%, 53.7%. 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 #FACD18.
Every shade.
A new perspective.
#FACD1813.81:1 · AAA03 Profile & contrast
- CIELAB · D65
- 84, 1.3, 82.2
- Relative luminance
- 0.6405
- HSL saturation
- 95.8%
- HSL lightness
- 53.7%
Aa On white · 1.52:1 · Below AA
Aa On black · 13.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: #AF5A3E at 3.17:1.
Lime
Lightness
One color.
More possibilities.
RGB 171, 190, 60 · HSL 68.8°, 52%, 49%. 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 #ABBE3C.
Every shade.
A new perspective.
#ABBE3C10.16:1 · AAA03 Profile & contrast
- CIELAB · D65
- 73.4, -23.6, 60.4
- Relative luminance
- 0.4581
- HSL saturation
- 52%
- HSL lightness
- 49%
Aa On white · 2.07:1 · Below AA
Aa On black · 10.16: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: #AF5A3E at 2.33:1.
Green
Lightness
One color.
More possibilities.
RGB 53, 130, 29 · HSL 105.7°, 63.5%, 31.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 #35821D.
Every shade.
A new perspective.
#35821D4.81:1 · AA03 Profile & contrast
- CIELAB · D65
- 48, -42.5, 44.5
- Relative luminance
- 0.1681
- HSL saturation
- 63.5%
- HSL lightness
- 31.2%
Aa On white · 4.81:1 · AA
Aa On black · 4.36: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: #FACD18 at 3.17: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 ↗