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

Noon Study — Bright LullabyA study in color.

Start with the whole. Fall for the details.

6 colors / QRCO collectionLightest #98F8FB · Darkest #F8B281
COLOR 01 / 06

Light Orange

#FFDDC5L* 90.3
Lightness
A CLOSER LOOK

One color.
More possibilities.

RGB 255, 221, 197 · HSL 24.8°, 100%, 88.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 #FFDDC5.

FORME®DESIGNED TO FEEL.

Every shade.
A new perspective.

#FFDDC516.40:1 · AAA
03 Profile & contrast
CIELAB · D65
90.3, 8.2, 16.1
Relative luminance
0.77
HSL saturation
100%
HSL lightness
88.6%

Aa On white · 1.28:1 · Below AA

Aa On black · 16.40: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: #F8B281 at 1.40:1.

COLOR 02 / 06

Light Orange

#F8B281L* 78.1
Lightness
A CLOSER LOOK

One color.
More possibilities.

RGB 248, 178, 129 · HSL 24.7°, 89.5%, 73.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 #F8B281.

FORME®DESIGNED TO FEEL.

Every shade.
A new perspective.

#F8B28111.68:1 · AAA
03 Profile & contrast
CIELAB · D65
78.1, 19.9, 35.1
Relative luminance
0.5338
HSL saturation
89.5%
HSL lightness
73.9%

Aa On white · 1.80:1 · Below AA

Aa On black · 11.68: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: #98F8FB at 1.47:1.

COLOR 03 / 06

Teal

#37F2D7L* 86.6
Lightness
A CLOSER LOOK

One color.
More possibilities.

RGB 55, 242, 215 · HSL 171.3°, 87.8%, 58.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 #37F2D7.

FORME®DESIGNED TO FEEL.

Every shade.
A new perspective.

#37F2D714.84:1 · AAA
03 Profile & contrast
CIELAB · D65
86.6, -50.9, 0.1
Relative luminance
0.6922
HSL saturation
87.8%
HSL lightness
58.2%

Aa On white · 1.41:1 · Below AA

Aa On black · 14.84: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: #F8B281 at 1.27:1.

COLOR 04 / 06

Light Cyan

#98F8FBL* 92
Lightness
A CLOSER LOOK

One color.
More possibilities.

RGB 152, 248, 251 · HSL 181.8°, 92.5%, 79%. 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 #98F8FB.

FORME®DESIGNED TO FEEL.

Every shade.
A new perspective.

#98F8FB17.16:1 · AAA
03 Profile & contrast
CIELAB · D65
92, -27.6, -10.4
Relative luminance
0.8078
HSL saturation
92.5%
HSL lightness
79%

Aa On white · 1.22:1 · Below AA

Aa On black · 17.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: #F8B281 at 1.47:1.

COLOR 05 / 06

Light Orange

#FCBDA7L* 81.8
Lightness
A CLOSER LOOK

One color.
More possibilities.

RGB 252, 189, 167 · HSL 15.5°, 93.4%, 82.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 #FCBDA7.

FORME®DESIGNED TO FEEL.

Every shade.
A new perspective.

#FCBDA712.98:1 · AAA
03 Profile & contrast
CIELAB · D65
81.8, 19.8, 20
Relative luminance
0.5988
HSL saturation
93.4%
HSL lightness
82.2%

Aa On white · 1.62:1 · Below AA

Aa On black · 12.98: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: #98F8FB at 1.32:1.

COLOR 06 / 06

Light Orange

#FFD6AFL* 88.2
Lightness
A CLOSER LOOK

One color.
More possibilities.

RGB 255, 214, 175 · HSL 29.3°, 100%, 84.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 #FFD6AF.

FORME®DESIGNED TO FEEL.

Every shade.
A new perspective.

#FFD6AF15.49:1 · AAA
03 Profile & contrast
CIELAB · D65
88.2, 8.9, 24.6
Relative luminance
0.7245
HSL saturation
100%
HSL lightness
84.3%

Aa On white · 1.36:1 · Below AA

Aa On black · 15.49: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: #F8B281 at 1.33: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.