Jazz Study — Cool NarrativeA study in color.
Start with the whole. Fall for the details.
Cyan
Lightness
One color.
More possibilities.
RGB 49, 125, 156 · HSL 197.4°, 52.2%, 40.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 #317D9C.
Every shade.
A new perspective.
#317D9C4.62:1 · AA03 Profile & contrast
- CIELAB · D65
- 49.2, -13.1, -23.5
- Relative luminance
- 0.1772
- HSL saturation
- 52.2%
- HSL lightness
- 40.2%
Aa On white · 4.62:1 · AA
Aa On black · 4.54:1 · 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: #FD7041 at 1.67:1.
Blue
Lightness
One color.
More possibilities.
RGB 55, 127, 222 · HSL 214.1°, 71.7%, 54.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 #377FDE.
Every shade.
A new perspective.
#377FDE5.25:1 · AA03 Profile & contrast
- CIELAB · D65
- 53.2, 10.2, -54.9
- Relative luminance
- 0.2126
- HSL saturation
- 71.7%
- HSL lightness
- 54.3%
Aa On white · 4.00:1 · Below AA
Aa On black · 5.25:1 · 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: #296C8B at 1.45:1.
Red
Lightness
One color.
More possibilities.
RGB 208, 61, 84 · HSL 350.6°, 61%, 52.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 #D03D54.
Every shade.
A new perspective.
#D03D544.69:1 · AA03 Profile & contrast
- CIELAB · D65
- 48.7, 58.6, 20.8
- Relative luminance
- 0.1739
- HSL saturation
- 61%
- HSL lightness
- 52.7%
Aa On white · 4.69:1 · AA
Aa On black · 4.48: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: #FD7041 at 1.69:1.
Orange
Lightness
One color.
More possibilities.
RGB 253, 112, 65 · HSL 15°, 97.9%, 62.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 #FD7041.
Every shade.
A new perspective.
#FD70417.57:1 · AAA03 Profile & contrast
- CIELAB · D65
- 64, 51.1, 51.4
- Relative luminance
- 0.3285
- HSL saturation
- 97.9%
- HSL lightness
- 62.4%
Aa On white · 2.77:1 · Below AA
Aa On black · 7.57: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: #296C8B at 2.10:1.
Cyan
Lightness
One color.
More possibilities.
RGB 41, 108, 139 · HSL 199°, 54.4%, 35.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 #296C8B.
Every shade.
A new perspective.
#296C8B5.81:1 · AA03 Profile & contrast
- CIELAB · D65
- 42.9, -10.5, -23.2
- Relative luminance
- 0.1306
- HSL saturation
- 54.4%
- HSL lightness
- 35.3%
Aa On white · 5.81:1 · AA
Aa On black · 3.61: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: #FD7041 at 2.10:1.
Blue
Lightness
One color.
More possibilities.
RGB 1, 109, 202 · HSL 207.8°, 99%, 39.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 #016DCA.
Every shade.
A new perspective.
#016DCA5.20:1 · AA03 Profile & contrast
- CIELAB · D65
- 45.9, 10, -55.3
- Relative luminance
- 0.1521
- HSL saturation
- 99%
- HSL lightness
- 39.8%
Aa On white · 5.20:1 · AA
Aa On black · 4.04: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: #FD7041 at 1.87: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 ↗