Blue Study — Cerulean VibeA study in color.
Start with the whole. Fall for the details.
Blue
Lightness
One color.
More possibilities.
RGB 66, 145, 203 · HSL 205.4°, 56.8%, 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 #4291CB.
Every shade.
A new perspective.
#4291CB6.14:1 · AA03 Profile & contrast
- CIELAB · D65
- 57.8, -5.7, -37
- Relative luminance
- 0.2572
- HSL saturation
- 56.8%
- HSL lightness
- 52.7%
Aa On white · 3.42:1 · Below AA
Aa On black · 6.14: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: #2949DA at 2.01:1.
Blue
Lightness
One color.
More possibilities.
RGB 56, 81, 193 · HSL 229.1°, 55%, 48.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 #3851C1.
Every shade.
A new perspective.
#3851C16.74:1 · AA03 Profile & contrast
- CIELAB · D65
- 38.9, 28.8, -61.5
- Relative luminance
- 0.1058
- HSL saturation
- 55%
- HSL lightness
- 48.8%
Aa On white · 6.74:1 · AA
Aa On black · 3.12: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: #4291CB at 1.97:1.
Blue
Lightness
One color.
More possibilities.
RGB 53, 86, 183 · HSL 224.8°, 55.1%, 46.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 #3556B7.
Every shade.
A new perspective.
#3556B76.63:1 · AA03 Profile & contrast
- CIELAB · D65
- 39.3, 21.5, -54.9
- Relative luminance
- 0.1083
- HSL saturation
- 55.1%
- HSL lightness
- 46.3%
Aa On white · 6.63:1 · AA
Aa On black · 3.17: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: #4291CB at 1.94:1.
Blue
Lightness
One color.
More possibilities.
RGB 41, 73, 218 · HSL 229.2°, 70.5%, 50.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 #2949DA.
Every shade.
A new perspective.
#2949DA6.86:1 · AA03 Profile & contrast
- CIELAB · D65
- 38.4, 41.4, -76.8
- Relative luminance
- 0.103
- HSL saturation
- 70.5%
- HSL lightness
- 50.8%
Aa On white · 6.86: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: #4291CB at 2.01:1.
Violet
Lightness
One color.
More possibilities.
RGB 88, 52, 241 · HSL 251.4°, 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 #5834F1.
Every shade.
A new perspective.
#5834F16.61:1 · AA03 Profile & contrast
- CIELAB · D65
- 39.4, 64.2, -88.1
- Relative luminance
- 0.1088
- HSL saturation
- 87.1%
- HSL lightness
- 57.5%
Aa On white · 6.61:1 · AA
Aa On black · 3.18: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: #4291CB at 1.93: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 ↗