Brown Study — Earthy Gleam MagicA study in color.
Start with the whole. Fall for the details.
Warm Brown
Lightness
One color.
More possibilities.
RGB 73, 63, 35 · HSL 44.2°, 35.2%, 21.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 #493F23.
Every shade.
A new perspective.
#493F2310.40:1 · AAA03 Profile & contrast
- CIELAB · D65
- 27, -0.2, 18.7
- Relative luminance
- 0.0509
- HSL saturation
- 35.2%
- HSL lightness
- 21.2%
Aa On white · 10.40:1 · AAA
Aa On black · 2.02: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: #876E38 at 2.14:1.
Warm Brown
Lightness
One color.
More possibilities.
RGB 85, 48, 28 · HSL 21.1°, 50.4%, 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 #55301C.
Every shade.
A new perspective.
#55301C11.50:1 · AAA03 Profile & contrast
- CIELAB · D65
- 24.1, 14.7, 19.8
- Relative luminance
- 0.0413
- HSL saturation
- 50.4%
- HSL lightness
- 22.2%
Aa On white · 11.50:1 · AAA
Aa On black · 1.83: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: #876E38 at 2.36:1.
Warm Brown
Lightness
One color.
More possibilities.
RGB 130, 78, 37 · HSL 26.5°, 55.7%, 32.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 #824E25.
Every shade.
A new perspective.
#824E256.85:1 · AA03 Profile & contrast
- CIELAB · D65
- 38.4, 18.1, 32.8
- Relative luminance
- 0.1033
- HSL saturation
- 55.7%
- HSL lightness
- 32.7%
Aa On white · 6.85:1 · AA
Aa On black · 3.07: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: #55301C at 1.68:1.
Warm Brown
Lightness
One color.
More possibilities.
RGB 135, 110, 56 · HSL 41°, 41.4%, 37.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 #876E38.
Every shade.
A new perspective.
#876E384.86:1 · AA03 Profile & contrast
- CIELAB · D65
- 47.7, 3, 33.4
- Relative luminance
- 0.1659
- HSL saturation
- 41.4%
- HSL lightness
- 37.5%
Aa On white · 4.86:1 · AA
Aa On black · 4.32: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: #55301C at 2.36:1.
Warm Brown
Lightness
One color.
More possibilities.
RGB 80, 57, 37 · HSL 27.9°, 36.8%, 22.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 #503925.
Every shade.
A new perspective.
#50392510.75:1 · AAA03 Profile & contrast
- CIELAB · D65
- 26.1, 7.4, 16.4
- Relative luminance
- 0.0477
- HSL saturation
- 36.8%
- HSL lightness
- 22.9%
Aa On white · 10.75:1 · AAA
Aa On black · 1.95: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: #876E38 at 2.21: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 ↗