Blue Study — Azure BlendA study in color.
Start with the whole. Fall for the details.
Blue
Lightness
One color.
More possibilities.
RGB 70, 153, 207 · HSL 203.6°, 58.8%, 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 #4699CF.
Every shade.
A new perspective.
#4699CF6.72:1 · AA03 Profile & contrast
- CIELAB · D65
- 60.4, -8.3, -35.1
- Relative luminance
- 0.2859
- HSL saturation
- 58.8%
- HSL lightness
- 54.3%
Aa On white · 3.13:1 · Below AA
Aa On black · 6.72: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: #261D9D at 3.85:1.
Blue
Lightness
One color.
More possibilities.
RGB 45, 100, 161 · HSL 211.6°, 56.3%, 40.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 #2D64A1.
Every shade.
A new perspective.
#2D64A16.09:1 · AA03 Profile & contrast
- CIELAB · D65
- 41.6, 3, -38.3
- Relative luminance
- 0.1225
- HSL saturation
- 56.3%
- HSL lightness
- 40.4%
Aa On white · 6.09:1 · AA
Aa On black · 3.45: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: #261D9D at 1.98:1.
Blue
Lightness
One color.
More possibilities.
RGB 48, 50, 178 · HSL 239.1°, 57.5%, 44.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 #3032B2.
Every shade.
A new perspective.
#3032B29.44:1 · AAA03 Profile & contrast
- CIELAB · D65
- 29.7, 42, -67.6
- Relative luminance
- 0.0612
- HSL saturation
- 57.5%
- HSL lightness
- 44.3%
Aa On white · 9.44:1 · AAA
Aa On black · 2.22: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: #4699CF at 3.02:1.
Blue
Lightness
One color.
More possibilities.
RGB 46, 87, 191 · HSL 223°, 61.2%, 46.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 #2E57BF.
Every shade.
A new perspective.
#2E57BF6.50:1 · AA03 Profile & contrast
- CIELAB · D65
- 39.8, 22.9, -58.7
- Relative luminance
- 0.1116
- HSL saturation
- 61.2%
- HSL lightness
- 46.5%
Aa On white · 6.50:1 · AA
Aa On black · 3.23: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: #4699CF at 2.08:1.
Blue
Lightness
One color.
More possibilities.
RGB 38, 29, 157 · HSL 244.2°, 68.8%, 36.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 #261D9D.
Every shade.
A new perspective.
#261D9D12.03:1 · AAA03 Profile & contrast
- CIELAB · D65
- 22.7, 45.8, -66.5
- Relative luminance
- 0.0373
- HSL saturation
- 68.8%
- HSL lightness
- 36.5%
Aa On white · 12.03:1 · AAA
Aa On black · 1.75: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: #4699CF at 3.85: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 ↗