Benannte Farbe · #C9D179
Greenish Beige
Greenish Beige ist #C9D179: rgb(201 209 121), hsl(65 49% 65%), oklch(0.835 0.112 113.1). Mit Tints, Shades, Harmonien, WCAG- & APCA-Kontrast sowie CSS-, Tailwind-v4- und SCSS-Code.
What does Yellow mean? → · Greenish Beige color name →
#C9D179
oklch(0.835 0.112 113.1)
Farbumrechnungen
- HEX
- #c9d179
- RGB
- rgb(201 209 121)
- HSL
- hsl(65 49% 65%)
- HWB
- hwb(65 47% 18%)
- OKLCH
- oklch(0.835 0.112 113.1)
- OKLab
- oklab(0.835 -0.044 0.103)
- CIE Lab
- lab(81.76 -12.44 42.51)
- LCH
- lch(81.76 44.29 106.3)
- CMYK
- cmyk(4% 0% 42% 18%)
Tints · Shades · Tones
Tints
- CED688
- D3DA96
- D9DFA3
- DEE4B1
- E3E8BE
- E9EDCB
- EEF2D8
- F4F6E5
- F9FBF2
Shades
- AEB568
- 959B58
- 7C8148
- 646839
- 4C502B
- 36391D
- 222310
- 0F1005
- 020201
Tones
- C1C97B
- BAC07D
- B2B87E
- ABB07F
- A3A880
- 9CA080
- 959880
- 8E9081
- 878880
Farbharmonien
Komplementär +180°
- C9D179
Greenish Beige
- CBBEFF
≈ Lavender Tonic
Analog -30° +30°
- C9D179
Greenish Beige
- ECC270
≈ Vietnamese Lantern
- 9DDC99
≈ Retro
Triadisch +120° +240°
- C9D179
Greenish Beige
- 85D4FF
≈ Kul Sharif Blue
- FFACCF
≈ Majin Bū Pink
Geteilt komplementär +150° +210°
- C9D179
Greenish Beige
- ADC9FF
≈ Night Snow
- EDB0F3
≈ Candy Dreams
Tetradisch +90° +180° +270°
- C9D179
Greenish Beige
- 60DEE9
≈ Turquoise Sea
- CBBEFF
≈ Lavender Tonic
- FFB2AD
≈ Peach Bud
Kontrast & Barrierefreiheit
Ag
FailAuf Weiß
WCAG 1.63:1 · APCA Lc 28
Ag
AAAAuf Schwarz
WCAG 12.87:1 · APCA Lc 75
Beste Textfarbe: #000000
WCAG 12.87:1 (AAA) · APCA Lc 75
Contrast pairs
Code-Snippets
CSS
:root {
--greenish-beige: #c9d179;
--greenish-beige-rgb: 201 209 121;
--greenish-beige-oklch: oklch(0.835 0.112 113.1);
}
.element {
color: var(--greenish-beige);
background-color: hsl(65 49% 65%);
border-color: oklch(0.835 0.112 113.1);
}Tailwind CSS v4
@theme {
--color-greenish-beige: #c9d179;
--color-greenish-beige-50: #f3fad5;
--color-greenish-beige-100: #e6edc3;
--color-greenish-beige-200: #d2dba4;
--color-greenish-beige-300: #b5bf7b;
--color-greenish-beige-400: #9fa553;
--color-greenish-beige-500: #878d26;
--color-greenish-beige-600: #727823;
--color-greenish-beige-700: #5b601c;
--color-greenish-beige-800: #444610;
--color-greenish-beige-900: #2f300a;
--color-greenish-beige-950: #1c1c00;
}SCSS
$greenish-beige: #c9d179;
$greenish-beige-rgb: 201, 209, 121;
$greenish-beige-light: mix(#fff, $greenish-beige, 20%);
$greenish-beige-dark: mix(#000, $greenish-beige, 20%);
.element {
color: $greenish-beige;
box-shadow: 0 0 0 2px rgba($greenish-beige, 0.35);
}