Midnight Study — Noir Echo HarmonyA study in color.
Start with the whole. Fall for the details.
Deep Cyan
Lightness
One color.
More possibilities.
RGB 11, 41, 47 · HSL 190°, 62.1%, 11.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 #0B292F.
Every shade.
A new perspective.
#0B292F15.30:1 · AAA03 Profile & contrast
- CIELAB · D65
- 14.7, -8.7, -7.2
- Relative luminance
- 0.0186
- HSL saturation
- 62.1%
- HSL lightness
- 11.4%
Aa On white · 15.30:1 · AAA
Aa On black · 1.37: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: #1F4A68 at 1.63:1.
Deep Cyan
Lightness
One color.
More possibilities.
RGB 10, 48, 62 · HSL 196.2°, 72.2%, 14.1%. 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 #0A303E.
Every shade.
A new perspective.
#0A303E13.95:1 · AAA03 Profile & contrast
- CIELAB · D65
- 18, -7.5, -12.6
- Relative luminance
- 0.0253
- HSL saturation
- 72.2%
- HSL lightness
- 14.1%
Aa On white · 13.95:1 · AAA
Aa On black · 1.51: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: #1F4A68 at 1.49:1.
Deep Blue
Lightness
One color.
More possibilities.
RGB 13, 38, 56 · HSL 205.1°, 62.3%, 13.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 #0D2638.
Every shade.
A new perspective.
#0D263815.54:1 · AAA03 Profile & contrast
- CIELAB · D65
- 14.2, -2.6, -14.5
- Relative luminance
- 0.0176
- HSL saturation
- 62.3%
- HSL lightness
- 13.5%
Aa On white · 15.54:1 · AAA
Aa On black · 1.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: #1F4A68 at 1.66:1.
Deep Cyan
Lightness
One color.
More possibilities.
RGB 17, 64, 73 · HSL 189.6°, 62.2%, 17.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 #114049.
Every shade.
A new perspective.
#11404911.33:1 · AAA03 Profile & contrast
- CIELAB · D65
- 24.5, -12.2, -10.1
- Relative luminance
- 0.0427
- HSL saturation
- 62.2%
- HSL lightness
- 17.6%
Aa On white · 11.33: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: #0D2638 at 1.37:1.
Deep Cyan
Lightness
One color.
More possibilities.
RGB 26, 64, 81 · HSL 198.5°, 51.4%, 21%. 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 #1A4051.
Every shade.
A new perspective.
#1A405111.08:1 · AAA03 Profile & contrast
- CIELAB · D65
- 25.2, -7.5, -14.3
- Relative luminance
- 0.0448
- HSL saturation
- 51.4%
- HSL lightness
- 21%
Aa On white · 11.08:1 · AAA
Aa On black · 1.90: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: #0D2638 at 1.40:1.
Deep Blue
Lightness
One color.
More possibilities.
RGB 31, 74, 104 · HSL 204.7°, 54.1%, 26.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 #1F4A68.
Every shade.
A new perspective.
#1F4A689.38:1 · AAA03 Profile & contrast
- CIELAB · D65
- 29.9, -4.2, -21.8
- Relative luminance
- 0.0619
- HSL saturation
- 54.1%
- HSL lightness
- 26.5%
Aa On white · 9.38:1 · AAA
Aa On black · 2.24: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: #0D2638 at 1.66: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 ↗