Ridge TemperA study in color.
Start with the whole. Fall for the details.
Dark Stone Blue
Lightness
One color.
More possibilities.
RGB 38, 70, 83 · HSL 197.3°, 37.2%, 23.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 #264653.
Every shade.
A new perspective.
#26465310.08:1 · AAA03 Profile & contrast
- CIELAB · D65
- 27.9, -7.6, -11.4
- Relative luminance
- 0.0542
- HSL saturation
- 37.2%
- HSL lightness
- 23.7%
Aa On white · 10.08:1 · AAA
Aa On black · 2.08: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: #E9C46A at 6.03:1.
Subtle Cyan
Lightness
One color.
More possibilities.
RGB 42, 157, 143 · HSL 172.7°, 57.8%, 39%. 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 #2A9D8F.
Every shade.
A new perspective.
#2A9D8F6.32:1 · AA03 Profile & contrast
- CIELAB · D65
- 58.6, -34.6, -1.8
- Relative luminance
- 0.2659
- HSL saturation
- 57.8%
- HSL lightness
- 39%
Aa On white · 3.32:1 · Below AA
Aa On black · 6.32: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: #264653 at 3.03:1.
Cream Chartreuse
Lightness
One color.
More possibilities.
RGB 233, 196, 106 · HSL 42.5°, 74.3%, 66.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 #E9C46A.
Every shade.
A new perspective.
#E9C46A12.57:1 · AAA03 Profile & contrast
- CIELAB · D65
- 80.7, 2.4, 49.5
- Relative luminance
- 0.5784
- HSL saturation
- 74.3%
- HSL lightness
- 66.5%
Aa On white · 1.67:1 · Below AA
Aa On black · 12.57: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: #264653 at 6.03:1.
Light Yellow
Lightness
One color.
More possibilities.
RGB 244, 162, 97 · HSL 26.5°, 87%, 66.9%. 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 #F4A261.
Every shade.
A new perspective.
#F4A26110.19:1 · AAA03 Profile & contrast
- CIELAB · D65
- 73.5, 24.1, 45.8
- Relative luminance
- 0.4594
- HSL saturation
- 87%
- HSL lightness
- 66.9%
Aa On white · 2.06:1 · Below AA
Aa On black · 10.19: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: #264653 at 4.89:1.
Soft Orange
Lightness
One color.
More possibilities.
RGB 231, 111, 81 · HSL 12°, 75.8%, 61.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 #E76F51.
Every shade.
A new perspective.
#E76F516.79:1 · AA03 Profile & contrast
- CIELAB · D65
- 60.7, 44.3, 38.4
- Relative luminance
- 0.2895
- HSL saturation
- 75.8%
- HSL lightness
- 61.2%
Aa On white · 3.09:1 · Below AA
Aa On black · 6.79: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: #264653 at 3.26: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 ↗