Onyx BlissA study in color.
Start with the whole. Fall for the details.
Shadow Muted Indigo
Lightness
One color.
More possibilities.
RGB 27, 46, 60 · HSL 205.5°, 37.9%, 17.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 #1B2E3C.
Every shade.
A new perspective.
#1B2E3C13.98:1 · AAA03 Profile & contrast
- CIELAB · D65
- 18, -3, -11.3
- Relative luminance
- 0.0251
- HSL saturation
- 37.9%
- HSL lightness
- 17.1%
Aa On white · 13.98:1 · AAA
Aa On black · 1.50: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: #F3E3E2 at 11.24:1.
Dark Purple
Lightness
One color.
More possibilities.
RGB 12, 12, 30 · HSL 240°, 42.9%, 8.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 #0C0C1E.
Every shade.
A new perspective.
#0C0C1E19.32:1 · AAA03 Profile & contrast
- CIELAB · D65
- 3.9, 4.3, -11.2
- Relative luminance
- 0.0043
- HSL saturation
- 42.9%
- HSL lightness
- 8.2%
Aa On white · 19.32:1 · AAA
Aa On black · 1.09: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: #F3E3E2 at 15.54:1.
Shadow Medium Crimson
Lightness
One color.
More possibilities.
RGB 77, 0, 17 · HSL 346.8°, 100%, 15.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 #4D0011.
Every shade.
A new perspective.
#4D001115.87:1 · AAA03 Profile & contrast
- CIELAB · D65
- 13.3, 34.3, 13.3
- Relative luminance
- 0.0162
- HSL saturation
- 100%
- HSL lightness
- 15.1%
Aa On white · 15.87:1 · AAA
Aa On black · 1.32: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: #F3E3E2 at 12.77:1.
Pearl
Lightness
One color.
More possibilities.
RGB 243, 227, 226 · HSL 3.5°, 41.5%, 92%. 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 #F3E3E2.
Every shade.
A new perspective.
#F3E3E216.90:1 · AAA03 Profile & contrast
- CIELAB · D65
- 91.5, 5.3, 2.4
- Relative luminance
- 0.7948
- HSL saturation
- 41.5%
- HSL lightness
- 92%
Aa On white · 1.24:1 · Below AA
Aa On black · 16.90: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: #0C0C1E at 15.54: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 ↗