Greenish Beige #C9D179
Greenish Beige is a light, moderately saturated yellow with hex code #C9D179 and RGB rgb(201, 209, 121).
Aa
Black text reads best on this color (12.87:1).
About this color
#C9D179 is a light, moderately saturated yellow. In OKLCH its lightness is 84%, its chroma 0.112 and its hue 113°. Its hue sits between the warm and cool halves of the wheel. It is the named color Greenish Beige. Black text reads best on it, at 12.87:1.
| Hue family | Yellows |
| Lightness | light (84%) |
| Chroma | moderately saturated (0.112) |
| Temperature | in between |
| Nearest name | Greenish Beige |
| Black text | 12.87:1 |
| White text | 1.63:1 |
Colors that go with Greenish Beige
Matches found by rotating Greenish 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 Greenish Beige
Curated color palettes that contain a color within ΔE 0.06 (OKLab) of Greenish Beige, closest first.
Similar named colors
The eight named colors closest to Greenish Beige, with their ΔE distance.
- Greenish Tan #BCCB7A ΔE 0.025
- Pale Olive #B9CC81 ΔE 0.028
- Pale Olive Green #B1D27B ΔE 0.031
- Sand #E2CA76 ΔE 0.037
- Saffron #E9C46A ΔE 0.051
- Light Grey Green #B7E1A1 ΔE 0.052
- Light Moss Green #A6C875 ΔE 0.054
- Sandy #F1DA7A ΔE 0.063
More about Greenish Beige
How to make Greenish 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
- 2 parts orange
- 1 part green
Recipe result: #D3CF85, a difference of ΔE 0.022 from Greenish Beige. That is very close: most people will not see the difference.
Codes for Greenish Beige in every format
| HEX | #C9D179 |
| RGB | rgb(201, 209, 121) |
| HSL | hsl(65, 49%, 65%) |
| OKLCH | oklch(83.5% 0.112 113.1) |
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 #C9D179 | 1.63:1 | Fails | Lc -31.7 | Non-text elements, placeholder text |
| Black text on #C9D179 | 12.87:1 | AAA | Lc 75.7 | Fine for body text |
| #C9D179 text on white | 1.63:1 | Fails | Lc 28.1 | Dividers and decoration only |
| #C9D179 text on black | 12.87:1 | AAA | Lc -74.9 | Content text, not long reading |
Shades and tints of Greenish 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 300.
-
Step 50
50
#F5F7EB
oklch(97.1% 0.016 114.4)
-
Step 100
100
#E9EDD4
oklch(93.6% 0.033 114.4)
-
Step 200
200
#D9DEAF
oklch(88.5% 0.062 112.6)
-
Step 300
300 (this color)
#C9D179
oklch(83.5% 0.112 113.1)
-
Step 400
400
#A2AA00
oklch(70.8% 0.158 113.1)
-
Step 500
500
#8B9100
oklch(63% 0.14 112.7)
-
Step 600
600
#747A00
oklch(55.6% 0.124 113.2)
-
Step 700
700
#626700
oklch(49.3% 0.11 113.1)
-
Step 800
800
#505400
oklch(42.8% 0.095 112.9)
-
Step 900
900
#424600
oklch(37.8% 0.084 113.4)
-
Step 950
950
#272900
oklch(27% 0.06 112.6)
Greenish 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) | #DDC972 | 0.032 |
| Deuteranopia (no green cones) | #DDCC7D | 0.032 |
| Tritanopia (no blue cones) | #D3C8BC | 0.098 |
| Achromatopsia (no color) | #CBCBCB | 0.112 |
Use Greenish 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.