Dune Harbor ToneA study in color.
Start with the whole. Fall for the details.
Ice Green
Lightness
One color.
More possibilities.
RGB 178, 210, 164 · HSL 101.7°, 33.8%, 73.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 #B2D2A4.
Every shade.
A new perspective.
#B2D2A412.65:1 · AAA03 Profile & contrast
- CIELAB · D65
- 80.9, -19.1, 19.4
- Relative luminance
- 0.5824
- HSL saturation
- 33.8%
- HSL lightness
- 73.3%
Aa On white · 1.66:1 · Below AA
Aa On black · 12.65: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: #1A4314 at 6.81:1.
Dark Gentle Emerald
Lightness
One color.
More possibilities.
RGB 26, 67, 20 · HSL 112.3°, 54%, 17.1%. 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 #1A4314.
Every shade.
A new perspective.
#1A431411.31:1 · AAA03 Profile & contrast
- CIELAB · D65
- 24.6, -25.1, 23.6
- Relative luminance
- 0.0428
- HSL saturation
- 54%
- HSL lightness
- 17.1%
Aa On white · 11.31:1 · AAA
Aa On black · 1.86: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: #B2D2A4 at 6.81:1.
Dark Rich Green
Lightness
One color.
More possibilities.
RGB 44, 94, 26 · HSL 104.1°, 56.7%, 23.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 #2C5E1A.
Every shade.
A new perspective.
#2C5E1A7.71:1 · AAA03 Profile & contrast
- CIELAB · D65
- 35.2, -30.7, 32.5
- Relative luminance
- 0.0862
- HSL saturation
- 56.7%
- HSL lightness
- 23.5%
Aa On white · 7.71:1 · AAA
Aa On black · 2.72: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: #B2D2A4 at 4.64:1.
Pale Emerald
Lightness
One color.
More possibilities.
RGB 50, 205, 48 · HSL 119.2°, 62.1%, 49.6%. 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 #32CD30.
Every shade.
A new perspective.
#32CD309.91:1 · AAA03 Profile & contrast
- CIELAB · D65
- 72.6, -67.3, 62.1
- Relative luminance
- 0.4455
- HSL saturation
- 62.1%
- HSL lightness
- 49.6%
Aa On white · 2.12:1 · Below AA
Aa On black · 9.91: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: #1A4314 at 5.34: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 ↗