Tropical EssenceA study in color.
Start with the whole. Fall for the details.
Dark Sapphire
Lightness
One color.
More possibilities.
RGB 32, 57, 70 · HSL 200.5°, 37.3%, 20%. 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 #203946.
Every shade.
A new perspective.
#20394612.10:1 · AAA03 Profile & contrast
- CIELAB · D65
- 22.6, -5.4, -11
- Relative luminance
- 0.0368
- HSL saturation
- 37.3%
- HSL lightness
- 20%
Aa On white · 12.10:1 · AAA
Aa On black · 1.74: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: #C6AE96 at 5.70:1.
Ash Sapphire
Lightness
One color.
More possibilities.
RGB 119, 141, 153 · HSL 201.2°, 14.3%, 53.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 #778D99.
Every shade.
A new perspective.
#778D996.05:1 · AA03 Profile & contrast
- CIELAB · D65
- 57.3, -5.1, -9
- Relative luminance
- 0.2527
- HSL saturation
- 14.3%
- HSL lightness
- 53.3%
Aa On white · 3.47:1 · Below AA
Aa On black · 6.05: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: #203946 at 3.49:1.
Light Soft Yellow
Lightness
One color.
More possibilities.
RGB 198, 174, 150 · HSL 30°, 29.6%, 68.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 #C6AE96.
Every shade.
A new perspective.
#C6AE969.90:1 · AAA03 Profile & contrast
- CIELAB · D65
- 72.5, 4.9, 15.5
- Relative luminance
- 0.4448
- HSL saturation
- 29.6%
- HSL lightness
- 68.2%
Aa On white · 2.12:1 · Below AA
Aa On black · 9.90: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: #203946 at 5.70:1.
Soft Bright Yellow
Lightness
One color.
More possibilities.
RGB 255, 153, 54 · HSL 29.6°, 100%, 60.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 #FF9936.
Every shade.
A new perspective.
#FF99369.86:1 · AAA03 Profile & contrast
- CIELAB · D65
- 72.4, 31.1, 64.6
- Relative luminance
- 0.4431
- HSL saturation
- 100%
- HSL lightness
- 60.6%
Aa On white · 2.13:1 · Below AA
Aa On black · 9.86: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: #203946 at 5.68: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 ↗