Light Beige #FFFEB6
Light Beige is a very light, moderately saturated yellow with hex code #FFFEB6 and RGB rgb(255, 254, 182).
Aa
Black text reads best on this color (20.10:1).
About this color
#FFFEB6 is a very light, moderately saturated yellow. In OKLCH its lightness is 98%, its chroma 0.091 and its hue 107°. Its hue sits on the warm side of the wheel. It is the named color Light Beige. Black text reads best on it, at 20.10:1.
| Hue family | Yellows |
| Lightness | very light (98%) |
| Chroma | moderately saturated (0.091) |
| Temperature | warm |
| Nearest name | Light Beige |
| Black text | 20.10:1 |
| White text | 1.04:1 |
Colors that go with Light Beige
Matches found by rotating Light Beige around the OKLCH hue wheel, each labelled with the closest name in our list.
Complementary
The opposite hue (180°).
Analogous
Neighbouring hues, 30° either side.
Triadic
Three hues spaced 120° apart.
Color palettes with Light Beige
Curated color palettes that contain a color within ΔE 0.06 (OKLab) of Light Beige, closest first.
Similar named colors
The eight named colors closest to Light Beige, with their ΔE distance.
- Creme #FFFFB6 ΔE 0.003
- Parchment #FEFCAF ΔE 0.008
- Cream #FFFFC2 ΔE 0.014
- Egg Shell #FFFCC4 ΔE 0.019
- Ecru #FEFFCA ΔE 0.023
- Buff #FEF69E ΔE 0.029
- Lemon Chiffon #FFFACD ΔE 0.033
- Dark Cream #FFF39A ΔE 0.035
More about Light Beige
How to make Light Beige
A starting recipe from common paint colors, found with a spectral paint model (the color mixer’s paint mode). Real pigments vary, so mix a small test batch and adjust.
- 4 parts white
- 1 part yellow
Recipe result: #FDF8AD, a difference of ΔE 0.016 from Light Beige. That is very close: most people will not see the difference.
Codes for Light Beige in every format
| HEX | #FFFEB6 |
| RGB | rgb(255, 254, 182) |
| HSL | hsl(59, 100%, 86%) |
| OKLCH | oklch(98.1% 0.091 107.3) |
Contrast
WCAG 2 contrast ratios are the conformance target: AA needs 4.5:1 for body text and 3:1 for large text, AAA needs 7:1. APCA Lc values are supplementary guidance from the WCAG 3 drafts.
| Pair | WCAG 2 | Result | APCA | APCA guidance |
|---|---|---|---|---|
| White text on #FFFEB6 | 1.04:1 | Fails | Lc 0.0 | Not readable |
| Black text on #FFFEB6 | 20.10:1 | AAA | Lc 103.0 | Preferred for body text |
| #FFFEB6 text on white | 1.04:1 | Fails | Lc 0.0 | Not readable |
| #FFFEB6 text on black | 20.10:1 | AAA | Lc -104.5 | Preferred for body text |
Shades and tints of Light Beige
A 50–950 scale built in OKLCH: the hue is held, lightness follows a Tailwind v4-like curve, and every step is kept inside the sRGB gamut. This color sits at step 50.
-
Step 50
50 (this color)
#FFFEB6
oklch(98.1% 0.091 107.3)
-
Step 100
100
#ECECD2
oklch(93.6% 0.034 107)
-
Step 200
200
#DDDDAB
oklch(88.5% 0.066 107.7)
-
Step 300
300
#C9C668
oklch(80.9% 0.117 107.1)
-
Step 400
400
#ACA600
oklch(70.7% 0.152 107.1)
-
Step 500
500
#938E00
oklch(63.1% 0.135 107.2)
-
Step 600
600
#7B7700
oklch(55.5% 0.119 107.4)
-
Step 700
700
#686400
oklch(49.1% 0.105 107)
-
Step 800
800
#555200
oklch(42.8% 0.092 107.3)
-
Step 900
900
#474400
oklch(37.7% 0.081 106.8)
-
Step 950
950
#2A2800
oklch(27% 0.058 106.8)
Light Beige with color blindness
Simulated with the Machado et al. (2009) model. ΔE is how far the color moves: below about 0.02 you would not notice a change.
| Vision | Seen as | Shift (ΔE) |
|---|---|---|
| Protanopia (no red cones) | #FFF8B1 | 0.015 |
| Deuteranopia (no green cones) | #FFFBB9 | 0.010 |
| Tritanopia (no blue cones) | #FFF5EB | 0.079 |
| Achromatopsia (no color) | #FAFAFA | 0.091 |
Use Light Beige in your product
Turn it into light and dark UI roles checked for contrast, then export to Tailwind v4, shadcn/ui, CSS or design tokens.