Alpine Heart FusionA study in color.
Start with the whole. Fall for the details.
Orange
Lightness
One color.
More possibilities.
RGB 249, 65, 68 · HSL 359°, 93.9%, 61.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 #F94144.
Every shade.
A new perspective.
#F941445.87:1 · AA03 Profile & contrast
- CIELAB · D65
- 56.4, 68.7, 41.3
- Relative luminance
- 0.2434
- HSL saturation
- 93.9%
- HSL lightness
- 61.6%
Aa On white · 3.58:1 · Below AA
Aa On black · 5.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: #F9C74F at 2.27:1.
Soft Amber
Lightness
One color.
More possibilities.
RGB 243, 114, 44 · HSL 21.1°, 89.2%, 56.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 #F3722C.
Every shade.
A new perspective.
#F3722C7.25:1 · AAA03 Profile & contrast
- CIELAB · D65
- 62.7, 45.7, 59.1
- Relative luminance
- 0.3127
- HSL saturation
- 89.2%
- HSL lightness
- 56.3%
Aa On white · 2.89:1 · Below AA
Aa On black · 7.25: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: #F9C74F at 1.83:1.
Light Vibrant Yellow
Lightness
One color.
More possibilities.
RGB 248, 150, 30 · HSL 33°, 94%, 54.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 #F8961E.
Every shade.
A new perspective.
#F8961E9.37:1 · AAA03 Profile & contrast
- CIELAB · D65
- 70.8, 29.2, 70.7
- Relative luminance
- 0.4186
- HSL saturation
- 94%
- HSL lightness
- 54.5%
Aa On white · 2.24:1 · Below AA
Aa On black · 9.37: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: #577590 at 2.15:1.
Light Amber
Lightness
One color.
More possibilities.
RGB 249, 132, 74 · HSL 19.9°, 93.6%, 63.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 #F9844A.
Every shade.
A new perspective.
#F9844A8.43:1 · AAA03 Profile & contrast
- CIELAB · D65
- 67.4, 40.3, 50.4
- Relative luminance
- 0.3714
- HSL saturation
- 93.6%
- HSL lightness
- 63.3%
Aa On white · 2.49:1 · Below AA
Aa On black · 8.43: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: #577590 at 1.94:1.
Pearl Bright Chartreuse
Lightness
One color.
More possibilities.
RGB 249, 199, 79 · HSL 42.4°, 93.4%, 64.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 #F9C74F.
Every shade.
A new perspective.
#F9C74F13.31:1 · AAA03 Profile & contrast
- CIELAB · D65
- 82.7, 5.7, 64.4
- Relative luminance
- 0.6155
- HSL saturation
- 93.4%
- HSL lightness
- 64.3%
Aa On white · 1.58:1 · Below AA
Aa On black · 13.31: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: #577590 at 3.06:1.
Pale Rich Green
Lightness
One color.
More possibilities.
RGB 144, 190, 109 · HSL 94.1°, 38.4%, 58.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 #90BE6D.
Every shade.
A new perspective.
#90BE6D9.77:1 · AAA03 Profile & contrast
- CIELAB · D65
- 72.1, -29.6, 36
- Relative luminance
- 0.4386
- HSL saturation
- 38.4%
- HSL lightness
- 58.6%
Aa On white · 2.15:1 · Below AA
Aa On black · 9.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: #577590 at 2.25:1.
Soft Rich Teal
Lightness
One color.
More possibilities.
RGB 67, 170, 139 · HSL 161.9°, 43.5%, 46.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 #43AA8B.
Every shade.
A new perspective.
#43AA8B7.36:1 · AAA03 Profile & contrast
- CIELAB · D65
- 63.2, -37.4, 7.2
- Relative luminance
- 0.3181
- HSL saturation
- 43.5%
- HSL lightness
- 46.5%
Aa On white · 2.85:1 · Below AA
Aa On black · 7.36: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: #F9C74F at 1.81:1.
Subtle Cyan
Lightness
One color.
More possibilities.
RGB 77, 144, 142 · HSL 178.2°, 30.3%, 43.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 #4D908E.
Every shade.
A new perspective.
#4D908E5.70:1 · AA03 Profile & contrast
- CIELAB · D65
- 55.6, -21.8, -5.6
- Relative luminance
- 0.2348
- HSL saturation
- 30.3%
- HSL lightness
- 43.3%
Aa On white · 3.69:1 · Below AA
Aa On black · 5.70: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: #F9C74F at 2.34:1.
Soft Indigo
Lightness
One color.
More possibilities.
RGB 87, 117, 144 · HSL 208.4°, 24.7%, 45.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 #577590.
Every shade.
A new perspective.
#5775904.82:1 · AA03 Profile & contrast
- CIELAB · D65
- 48, -3.5, -18.1
- Relative luminance
- 0.1676
- HSL saturation
- 24.7%
- HSL lightness
- 45.3%
Aa On white · 4.82:1 · AA
Aa On black · 4.35: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: #F9C74F at 3.06:1.
Sapphire
Lightness
One color.
More possibilities.
RGB 39, 125, 161 · HSL 197.7°, 61%, 39.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 #277DA1.
Every shade.
A new perspective.
#277DA14.63:1 · AA03 Profile & contrast
- CIELAB · D65
- 49.1, -12.8, -26.5
- Relative luminance
- 0.1767
- HSL saturation
- 61%
- HSL lightness
- 39.2%
Aa On white · 4.63:1 · AA
Aa On black · 4.53: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: #F9C74F at 2.94: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 ↗