Subtle Fog StillnessA study in color.
Start with the whole. Fall for the details.
Charcoal
Lightness
One color.
More possibilities.
RGB 3, 24, 18 · HSL 162.9°, 77.8%, 5.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 #031812.
Every shade.
A new perspective.
#03181218.37:1 · AAA03 Profile & contrast
- CIELAB · D65
- 6.5, -8.5, 1.4
- Relative luminance
- 0.0072
- HSL saturation
- 77.8%
- HSL lightness
- 5.3%
Aa On white · 18.37:1 · AAA
Aa On black · 1.14: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: #F6FCFF at 17.74:1.
Dark Faded Teal
Lightness
One color.
More possibilities.
RGB 8, 57, 43 · HSL 162.9°, 75.4%, 12.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 #08392B.
Every shade.
A new perspective.
#08392B12.88:1 · AAA03 Profile & contrast
- CIELAB · D65
- 20.6, -19.9, 4.2
- Relative luminance
- 0.0315
- HSL saturation
- 75.4%
- HSL lightness
- 12.7%
Aa On white · 12.88:1 · AAA
Aa On black · 1.63: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: #F6FCFF at 12.44:1.
Pearl
Lightness
One color.
More possibilities.
RGB 202, 208, 216 · HSL 214.3°, 15.2%, 82%. 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 #CAD0D8.
Every shade.
A new perspective.
#CAD0D813.53:1 · AAA03 Profile & contrast
- CIELAB · D65
- 83.2, -0.5, -4.7
- Relative luminance
- 0.6263
- HSL saturation
- 15.2%
- HSL lightness
- 82%
Aa On white · 1.55:1 · Below AA
Aa On black · 13.53: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: #031812 at 11.83:1.
Pearl
Lightness
One color.
More possibilities.
RGB 246, 252, 255 · HSL 200°, 100%, 98.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 #F6FCFF.
Every shade.
A new perspective.
#F6FCFF20.29:1 · AAA03 Profile & contrast
- CIELAB · D65
- 98.6, -1.4, -2.1
- Relative luminance
- 0.9643
- HSL saturation
- 100%
- HSL lightness
- 98.2%
Aa On white · 1.04:1 · Below AA
Aa On black · 20.29: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: #031812 at 17.74: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 ↗