Radial Study — Mocha DaydreamA study in color.
Start with the whole. Fall for the details.
Deep Teal
Lightness
One color.
More possibilities.
RGB 12, 107, 89 · HSL 168.6°, 79.8%, 23.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 #0C6B59.
Every shade.
A new perspective.
#0C6B596.44:1 · AA03 Profile & contrast
- CIELAB · D65
- 40.1, -30.2, 2.9
- Relative luminance
- 0.1131
- HSL saturation
- 79.8%
- HSL lightness
- 23.3%
Aa On white · 6.44:1 · AA
Aa On black · 3.26: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: #0FB6DB at 2.68:1.
Teal
Lightness
One color.
More possibilities.
RGB 39, 153, 150 · HSL 178.4°, 59.4%, 37.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 #279996.
Every shade.
A new perspective.
#2799966.08:1 · AA03 Profile & contrast
- CIELAB · D65
- 57.5, -31, -7.4
- Relative luminance
- 0.2542
- HSL saturation
- 59.4%
- HSL lightness
- 37.6%
Aa On white · 3.45:1 · Below AA
Aa On black · 6.08: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: #216293 at 1.88:1.
Cyan
Lightness
One color.
More possibilities.
RGB 68, 182, 196 · HSL 186.6°, 52%, 51.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 #44B6C4.
Every shade.
A new perspective.
#44B6C48.73:1 · AAA03 Profile & contrast
- CIELAB · D65
- 68.5, -27.4, -16.6
- Relative luminance
- 0.3867
- HSL saturation
- 52%
- HSL lightness
- 51.8%
Aa On white · 2.40:1 · Below AA
Aa On black · 8.73: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: #216293 at 2.70:1.
Cyan
Lightness
One color.
More possibilities.
RGB 15, 182, 219 · HSL 190.9°, 87.2%, 45.9%. 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 #0FB6DB.
Every shade.
A new perspective.
#0FB6DB8.73:1 · AAA03 Profile & contrast
- CIELAB · D65
- 68.5, -25, -29.3
- Relative luminance
- 0.3867
- HSL saturation
- 87.2%
- HSL lightness
- 45.9%
Aa On white · 2.40:1 · Below AA
Aa On black · 8.73: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: #216293 at 2.70:1.
Cyan
Lightness
One color.
More possibilities.
RGB 36, 148, 196 · HSL 198°, 69%, 45.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 #2494C4.
Every shade.
A new perspective.
#2494C46.11:1 · AA03 Profile & contrast
- CIELAB · D65
- 57.6, -13.6, -33.4
- Relative luminance
- 0.2554
- HSL saturation
- 69%
- HSL lightness
- 45.5%
Aa On white · 3.44:1 · Below AA
Aa On black · 6.11: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: #216293 at 1.89:1.
Blue
Lightness
One color.
More possibilities.
RGB 33, 98, 147 · HSL 205.8°, 63.3%, 35.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 #216293.
Every shade.
A new perspective.
#2162936.50:1 · AA03 Profile & contrast
- CIELAB · D65
- 39.9, -2.7, -32.7
- Relative luminance
- 0.1117
- HSL saturation
- 63.3%
- HSL lightness
- 35.3%
Aa On white · 6.50:1 · AA
Aa On black · 3.23: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: #0FB6DB at 2.70: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 ↗