Fjord MythA study in color.
Start with the whole. Fall for the details.
Dark Green
Lightness
One color.
More possibilities.
RGB 58, 65, 48 · HSL 84.7°, 15%, 22.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 #3A4130.
Every shade.
A new perspective.
#3A413010.61:1 · AAA03 Profile & contrast
- CIELAB · D65
- 26.4, -6.6, 9.4
- Relative luminance
- 0.0489
- HSL saturation
- 15%
- HSL lightness
- 22.2%
Aa On white · 10.61:1 · AAA
Aa On black · 1.98: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: #FFDE6B at 8.04:1.
Medium Rose
Lightness
One color.
More possibilities.
RGB 145, 104, 160 · HSL 283.9°, 22.8%, 51.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 #9168A0.
Every shade.
A new perspective.
#9168A04.69:1 · AA03 Profile & contrast
- CIELAB · D65
- 50, 26.8, -23.9
- Relative luminance
- 0.1846
- HSL saturation
- 22.8%
- HSL lightness
- 51.8%
Aa On white · 4.48:1 · Below AA
Aa On black · 4.69: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: #FFDE6B at 3.39:1.
Subtle Green
Lightness
One color.
More possibilities.
RGB 117, 124, 96 · HSL 75°, 12.7%, 43.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 #757C60.
Every shade.
A new perspective.
#757C604.81:1 · AA03 Profile & contrast
- CIELAB · D65
- 50.7, -7.9, 14.4
- Relative luminance
- 0.1904
- HSL saturation
- 12.7%
- HSL lightness
- 43.1%
Aa On white · 4.37:1 · Below AA
Aa On black · 4.81: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: #FFDE6B at 3.31:1.
Cream Medium Lime
Lightness
One color.
More possibilities.
RGB 255, 222, 107 · HSL 46.6°, 100%, 71%. 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 #FFDE6B.
Every shade.
A new perspective.
#FFDE6B15.91:1 · AAA03 Profile & contrast
- CIELAB · D65
- 89.2, -1.8, 59.5
- Relative luminance
- 0.7456
- HSL saturation
- 100%
- HSL lightness
- 71%
Aa On white · 1.32:1 · Below AA
Aa On black · 15.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: #3A4130 at 8.04: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 ↗