Blue Study — Sea Spark CurrentA study in color.
Start with the whole. Fall for the details.
Blue
Lightness
One color.
More possibilities.
RGB 35, 21, 139 · HSL 247.1°, 73.8%, 31.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 #23158B.
Every shade.
A new perspective.
#23158B13.53:1 · AAA03 Profile & contrast
- CIELAB · D65
- 19, 43.7, -61.5
- Relative luminance
- 0.0276
- HSL saturation
- 73.8%
- HSL lightness
- 31.4%
Aa On white · 13.53:1 · AAA
Aa On black · 1.55: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: #37B2EE at 5.65:1.
Blue
Lightness
One color.
More possibilities.
RGB 28, 73, 195 · HSL 223.8°, 74.9%, 43.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 #1C49C3.
Every shade.
A new perspective.
#1C49C37.53:1 · AAA03 Profile & contrast
- CIELAB · D65
- 35.9, 32, -67.5
- Relative luminance
- 0.0895
- HSL saturation
- 74.9%
- HSL lightness
- 43.7%
Aa On white · 7.53:1 · AAA
Aa On black · 2.79: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: #37B2EE at 3.14:1.
Cyan
Lightness
One color.
More possibilities.
RGB 55, 178, 238 · HSL 199.7°, 84.3%, 57.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 #37B2EE.
Every shade.
A new perspective.
#37B2EE8.77:1 · AAA03 Profile & contrast
- CIELAB · D65
- 68.6, -13.6, -39.4
- Relative luminance
- 0.3883
- HSL saturation
- 84.3%
- HSL lightness
- 57.5%
Aa On white · 2.40:1 · Below AA
Aa On black · 8.77: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: #23158B at 5.65:1.
Blue
Lightness
One color.
More possibilities.
RGB 72, 55, 238 · HSL 245.6°, 84.3%, 57.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 #4837EE.
Every shade.
A new perspective.
#4837EE6.87:1 · AA03 Profile & contrast
- CIELAB · D65
- 38.3, 60.5, -88.1
- Relative luminance
- 0.1028
- HSL saturation
- 84.3%
- HSL lightness
- 57.5%
Aa On white · 6.87:1 · AA
Aa On black · 3.06: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: #37B2EE at 2.87:1.
Blue
Lightness
One color.
More possibilities.
RGB 52, 115, 241 · HSL 220°, 87.1%, 57.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 #3473F1.
Every shade.
A new perspective.
#3473F14.87:1 · AA03 Profile & contrast
- CIELAB · D65
- 51.1, 24.3, -69
- Relative luminance
- 0.1934
- HSL saturation
- 87.1%
- HSL lightness
- 57.5%
Aa On white · 4.31:1 · Below AA
Aa On black · 4.87: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: #23158B at 3.14: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 ↗