Dark Study — Gothic GlowA study in color.
Start with the whole. Fall for the details.
Deep Teal
Lightness
One color.
More possibilities.
RGB 2, 66, 61 · HSL 175.3°, 94.1%, 13.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 #02423D.
Every shade.
A new perspective.
#02423D11.36:1 · AAA03 Profile & contrast
- CIELAB · D65
- 24.5, -19.7, -2.3
- Relative luminance
- 0.0425
- HSL saturation
- 94.1%
- HSL lightness
- 13.3%
Aa On white · 11.36:1 · AAA
Aa On black · 1.85: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: #391D31 at 1.33:1.
Deep Cyan
Lightness
One color.
More possibilities.
RGB 27, 76, 84 · HSL 188.4°, 51.4%, 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 #1B4C54.
Every shade.
A new perspective.
#1B4C549.51:1 · AAA03 Profile & contrast
- CIELAB · D65
- 29.5, -13.5, -9.6
- Relative luminance
- 0.0604
- HSL saturation
- 51.4%
- HSL lightness
- 21.8%
Aa On white · 9.51:1 · AAA
Aa On black · 2.21: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: #391D31 at 1.58:1.
Deep Cyan
Lightness
One color.
More possibilities.
RGB 11, 44, 60 · HSL 199.6°, 69%, 13.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 #0B2C3C.
Every shade.
A new perspective.
#0B2C3C14.59:1 · AAA03 Profile & contrast
- CIELAB · D65
- 16.5, -5.5, -13.6
- Relative luminance
- 0.022
- HSL saturation
- 69%
- HSL lightness
- 13.9%
Aa On white · 14.59:1 · AAA
Aa On black · 1.44: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: #503D72 at 1.56:1.
Blue
Lightness
One color.
More possibilities.
RGB 33, 70, 118 · HSL 213.9°, 56.3%, 29.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 #214676.
Every shade.
A new perspective.
#2146769.54:1 · AAA03 Profile & contrast
- CIELAB · D65
- 29.4, 4.2, -31.4
- Relative luminance
- 0.0601
- HSL saturation
- 56.3%
- HSL lightness
- 29.6%
Aa On white · 9.54:1 · AAA
Aa On black · 2.20: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: #391D31 at 1.58:1.
Muted Violet
Lightness
One color.
More possibilities.
RGB 80, 61, 114 · HSL 261.5°, 30.3%, 34.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 #503D72.
Every shade.
A new perspective.
#503D729.33:1 · AAA03 Profile & contrast
- CIELAB · D65
- 30.1, 20.7, -27.7
- Relative luminance
- 0.0626
- HSL saturation
- 30.3%
- HSL lightness
- 34.3%
Aa On white · 9.33:1 · AAA
Aa On black · 2.25: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: #391D31 at 1.62:1.
Deep Rose
Lightness
One color.
More possibilities.
RGB 57, 29, 49 · HSL 317.1°, 32.6%, 16.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 #391D31.
Every shade.
A new perspective.
#391D3115.06:1 · AAA03 Profile & contrast
- CIELAB · D65
- 15.3, 17.2, -7.3
- Relative luminance
- 0.0197
- HSL saturation
- 32.6%
- HSL lightness
- 16.9%
Aa On white · 15.06:1 · AAA
Aa On black · 1.39: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: #503D72 at 1.62: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 ↗