Ocean MythA study in color.
Start with the whole. Fall for the details.
Soft Rich Teal
Lightness
One color.
More possibilities.
RGB 22, 174, 153 · HSL 171.7°, 77.6%, 38.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 #16AE99.
Every shade.
A new perspective.
#16AE997.55:1 · AAA03 Profile & contrast
- CIELAB · D65
- 63.9, -41.3, 0.4
- Relative luminance
- 0.3274
- HSL saturation
- 77.6%
- HSL lightness
- 38.4%
Aa On white · 2.78:1 · Below AA
Aa On black · 7.55: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: #6C3320 at 3.54:1.
Dark Subtle Orange
Lightness
One color.
More possibilities.
RGB 108, 51, 32 · HSL 15°, 54.3%, 27.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 #6C3320.
Every shade.
A new perspective.
#6C33209.85:1 · AAA03 Profile & contrast
- CIELAB · D65
- 28.5, 23.7, 23.5
- Relative luminance
- 0.0566
- HSL saturation
- 54.3%
- HSL lightness
- 27.5%
Aa On white · 9.85:1 · AAA
Aa On black · 2.13: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: #76B4AE at 4.18:1.
Light Gentle Cyan
Lightness
One color.
More possibilities.
RGB 118, 180, 174 · HSL 174.2°, 29.2%, 58.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 #76B4AE.
Every shade.
A new perspective.
#76B4AE8.91:1 · AAA03 Profile & contrast
- CIELAB · D65
- 69.1, -21.3, -3.3
- Relative luminance
- 0.3955
- HSL saturation
- 29.2%
- HSL lightness
- 58.4%
Aa On white · 2.36:1 · Below AA
Aa On black · 8.91: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: #6C3320 at 4.18:1.
Pale Rich Yellow
Lightness
One color.
More possibilities.
RGB 219, 149, 96 · HSL 25.9°, 63.1%, 61.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 #DB9560.
Every shade.
A new perspective.
#DB95608.48:1 · AAA03 Profile & contrast
- CIELAB · D65
- 67.6, 20.8, 38.4
- Relative luminance
- 0.374
- HSL saturation
- 63.1%
- HSL lightness
- 61.8%
Aa On white · 2.48:1 · Below AA
Aa On black · 8.48: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: #6C3320 at 3.98: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 ↗