Light Yellow Hex Codes: 50 Light, airy shades
50 light, airy shades of yellow with names, hex codes, contrast on white and the best text color for each.
These are the light, airy shades of yellow in Tintly's color library: 50 of the 105 yellow shades. Light shades make quiet backgrounds, surfaces and highlights. They rarely carry text, so pair them with a dark neutral.
Light yellow shades with hex codes
| Name | Hex | On white | Text on it |
|---|---|---|---|
| Pony | #C6AA81 | 2.21:1 | #111111 |
| Pesto | #C1B23E | 2.16:1 | #111111 |
| Toupe | #C7AC7D | 2.18:1 | #111111 |
| Green Tea | #B5B68F | 2.08:1 | #111111 |
| Khaki | #C3B091 | 2.11:1 | #111111 |
| Mustard | #CEB301 | 2.08:1 | #111111 |
| Fawn | #CFAF7B | 2.08:1 | #111111 |
| Celery | #B4C04C | 1.98:1 | #111111 |
| Tan | #D1B26F | 2.03:1 | #111111 |
| Zoodles | #B8BF71 | 1.95:1 | #111111 |
| Lush | #C5BDA0 | 1.88:1 | #111111 |
| Wax | #DDBB33 | 1.86:1 | #111111 |
| Crepe | #D4BC94 | 1.83:1 | #111111 |
| Soda Pop | #C3C67E | 1.79:1 | #111111 |
| Moth | #CBC1A2 | 1.79:1 | #111111 |
| Dune | #D5C0A1 | 1.76:1 | #111111 |
| Paella | #DCC61F | 1.72:1 | #111111 |
| Corona | #FFB437 | 1.77:1 | #111111 |
| Quince | #D4CB60 | 1.67:1 | #111111 |
| Yolk | #EEC701 | 1.63:1 | #111111 |
| Amber | #FFBF00 | 1.65:1 | #111111 |
| Buzz | #F0C641 | 1.63:1 | #111111 |
| Sand | #E2CA76 | 1.62:1 | #111111 |
| Goldzilla | #CDD80D | 1.56:1 | #111111 |
| Broom | #EECC24 | 1.57:1 | #111111 |
| Treasury | #DBD186 | 1.55:1 | #111111 |
| Aurora | #EBD147 | 1.52:1 | #111111 |
| Venus | #EED053 | 1.52:1 | #111111 |
| Maize | #F4D054 | 1.50:1 | #111111 |
| Nacho | #FFCB5D | 1.50:1 | #111111 |
| Deviled Eggs | #FECD82 | 1.47:1 | #111111 |
| Egg Yolk | #FFCE81 | 1.45:1 | #111111 |
| Gold | #FFD700 | 1.40:1 | #111111 |
| Wheat | #FBDD7E | 1.33:1 | #111111 |
| Hippy | #EAE583 | 1.30:1 | #111111 |
| Frost | #E1E4C5 | 1.30:1 | #111111 |
| Star | #FFE500 | 1.27:1 | #111111 |
| Limon | #F7EB73 | 1.22:1 | #111111 |
| Sour | #E5EDB5 | 1.22:1 | #111111 |
| Corn | #FBEC5D | 1.21:1 | #111111 |
| Pollen | #EEEEAA | 1.20:1 | #111111 |
| Drover | #FBEB9B | 1.20:1 | #111111 |
| Eggnog | #FDEA9F | 1.20:1 | #111111 |
| Dolly | #F5F171 | 1.18:1 | #111111 |
| Lemon | #FFF700 | 1.13:1 | #111111 |
| Yellow | #FFFF00 | 1.07:1 | #111111 |
| Banana | #FFFC79 | 1.07:1 | #111111 |
| Canary | #FDFF63 | 1.06:1 | #111111 |
| Hive | #FFFF77 | 1.05:1 | #111111 |
| Butter | #FFFF81 | 1.05:1 | #111111 |
How to use them
Use a light shade as a page or card tint and a darker shade of the same family for the text on it, so the two feel related.
Standouts in this group
- Darkest: Pony (#C6AA81), at 75% lightness.
- Lightest: Butter (#FFFF81), at 98% lightness.
- Most saturated: Yellow (#FFFF00).
- Best text color on white: Pony (#C6AA81), at 2.21:1.
What the numbers say
Across all 105 yellow shades in the library, lightness runs from 31% to 98%. 13 of them reach 4.5 to 1 on white, so they can be used as text on a light page, and 87 reach 4.5 to 1 on near-black, so they can be used as text on a dark page. The rest are for fills, surfaces and large type, where the requirement is lower. Within the light, airy shades the figures are different: 0 of 50 pass on white.
Pairing with other families
The base yellow (#F4C430) separates best from brown (4.47:1), purple (3.48:1) and blue (3.14:1). Because yellow stands for sunshine, joy and optimism, those pairings carry the most contrast of both color and meaning.
- Yellow and brown: see the combinations in soft, bold and dark versions.
- Yellow and purple: see the combinations in soft, bold and dark versions.
- Yellow and blue: see the combinations in soft, bold and dark versions.