qrcoA little theory. A new perspective.
THE COLOR STUDIES · 6 COLORS

Aa Study — Strong GlowA study in color.

Start with the whole. Fall for the details.

6 colors / QRCO collectionLightest #D0FFE9 · Darkest #6C2B2E
COLOR 01 / 06

Olive

#5E651CL* 40.8
Lightness
A CLOSER LOOK

One color.
More possibilities.

RGB 94, 101, 28 · HSL 65.8°, 56.6%, 25.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 #5E651C.

FORME®DESIGNED TO FEEL.

Every shade.
A new perspective.

#5E651C6.26:1 · AA
03 Profile & contrast
CIELAB · D65
40.8, -13.2, 38.5
Relative luminance
0.1177
HSL saturation
56.6%
HSL lightness
25.3%

Aa On white · 6.26:1 · AA

Aa On black · 3.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: #D0FFE9 at 5.71:1.

COLOR 02 / 06

Light Blue

#C5E7FAL* 89.8
Lightness
A CLOSER LOOK

One color.
More possibilities.

RGB 197, 231, 250 · HSL 201.5°, 84.1%, 87.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 #C5E7FA.

FORME®DESIGNED TO FEEL.

Every shade.
A new perspective.

#C5E7FA16.18:1 · AAA
03 Profile & contrast
CIELAB · D65
89.8, -7.1, -12.9
Relative luminance
0.7592
HSL saturation
84.1%
HSL lightness
87.6%

Aa On white · 1.30:1 · Below AA

Aa On black · 16.18: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: #6C2B2E at 8.00:1.

COLOR 03 / 06

Red

#6C2B2EL* 27.1
Lightness
A CLOSER LOOK

One color.
More possibilities.

RGB 108, 43, 46 · HSL 357.2°, 43%, 29.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 #6C2B2E.

FORME®DESIGNED TO FEEL.

Every shade.
A new perspective.

#6C2B2E10.38:1 · AAA
03 Profile & contrast
CIELAB · D65
27.1, 29.3, 12.7
Relative luminance
0.0511
HSL saturation
43%
HSL lightness
29.6%

Aa On white · 10.38: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: #D0FFE9 at 9.47:1.

COLOR 04 / 06

Light Green

#D0FFE9L* 96.3
Lightness
A CLOSER LOOK

One color.
More possibilities.

RGB 208, 255, 233 · HSL 151.9°, 100%, 90.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 #D0FFE9.

FORME®DESIGNED TO FEEL.

Every shade.
A new perspective.

#D0FFE919.16:1 · AAA
03 Profile & contrast
CIELAB · D65
96.3, -19.1, 5.6
Relative luminance
0.9081
HSL saturation
100%
HSL lightness
90.8%

Aa On white · 1.10:1 · Below AA

Aa On black · 19.16: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: #6C2B2E at 9.47:1.

COLOR 05 / 06

Muted Blue

#433F70L* 29.2
Lightness
A CLOSER LOOK

One color.
More possibilities.

RGB 67, 63, 112 · HSL 244.9°, 28%, 34.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 #433F70.

FORME®DESIGNED TO FEEL.

Every shade.
A new perspective.

#433F709.62:1 · AAA
03 Profile & contrast
CIELAB · D65
29.2, 14.9, -27.8
Relative luminance
0.0592
HSL saturation
28%
HSL lightness
34.3%

Aa On white · 9.62:1 · AAA

Aa On black · 2.18: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: #D0FFE9 at 8.78:1.

COLOR 06 / 06

Light Orange

#EED099L* 84.8
Lightness
A CLOSER LOOK

One color.
More possibilities.

RGB 238, 208, 153 · HSL 38.8°, 71.4%, 76.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 #EED099.

FORME®DESIGNED TO FEEL.

Every shade.
A new perspective.

#EED09914.12:1 · AAA
03 Profile & contrast
CIELAB · D65
84.8, 2.8, 31.2
Relative luminance
0.6559
HSL saturation
71.4%
HSL lightness
76.7%

Aa On white · 1.49:1 · Below AA

Aa On black · 14.12: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: #6C2B2E at 6.98:1.

MAKE IT YOURS

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 ↗
KEEP EXPLORING

Another point of view.