Ocean Breeze HarmonyA study in color.
Start with the whole. Fall for the details.
Slate
Lightness
One color.
More possibilities.
RGB 48, 52, 63 · HSL 224°, 13.5%, 21.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 #30343F.
Every shade.
A new perspective.
#30343F12.44:1 · AAA03 Profile & contrast
- CIELAB · D65
- 21.7, 1.2, -7.5
- Relative luminance
- 0.0344
- HSL saturation
- 13.5%
- HSL lightness
- 21.8%
Aa On white · 12.44:1 · AAA
Aa On black · 1.69: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: #FAFAFF at 11.95:1.
Pearl
Lightness
One color.
More possibilities.
RGB 250, 250, 255 · HSL 240°, 100%, 99%. 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 #FAFAFF.
Every shade.
A new perspective.
#FAFAFF20.18:1 · AAA03 Profile & contrast
- CIELAB · D65
- 98.4, 0.9, -2.4
- Relative luminance
- 0.9592
- HSL saturation
- 100%
- HSL lightness
- 99%
Aa On white · 1.04:1 · Below AA
Aa On black · 20.18: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: #1E2749 at 14.00:1.
Ghost Magenta
Lightness
One color.
More possibilities.
RGB 228, 217, 255 · HSL 257.4°, 100%, 92.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 #E4D9FF.
Every shade.
A new perspective.
#E4D9FF15.67:1 · AAA03 Profile & contrast
- CIELAB · D65
- 88.6, 10.8, -17.1
- Relative luminance
- 0.7334
- HSL saturation
- 100%
- HSL lightness
- 92.5%
Aa On white · 1.34:1 · Below AA
Aa On black · 15.67: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: #1E2749 at 10.87:1.
Dark Purple
Lightness
One color.
More possibilities.
RGB 39, 52, 105 · HSL 228.2°, 45.8%, 28.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 #273469.
Every shade.
A new perspective.
#27346911.79:1 · AAA03 Profile & contrast
- CIELAB · D65
- 23.4, 12.7, -32.8
- Relative luminance
- 0.0391
- HSL saturation
- 45.8%
- HSL lightness
- 28.2%
Aa On white · 11.79:1 · AAA
Aa On black · 1.78: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: #FAFAFF at 11.33:1.
Midnight Faded Purple
Lightness
One color.
More possibilities.
RGB 30, 39, 73 · HSL 227.4°, 41.7%, 20.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 #1E2749.
Every shade.
A new perspective.
#1E274914.57:1 · AAA03 Profile & contrast
- CIELAB · D65
- 16.5, 7.7, -22.4
- Relative luminance
- 0.0221
- HSL saturation
- 41.7%
- HSL lightness
- 20.2%
Aa On white · 14.57:1 · AAA
Aa On black · 1.44: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: #FAFAFF at 14.00: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 ↗