Colore con nome · #C9D179
Greenish Beige
Greenish Beige è #C9D179: rgb(201 209 121), hsl(65 49% 65%), oklch(0.835 0.112 113.1). Scopri tinte, ombre, armonie, contrasto WCAG e APCA e codice CSS, Tailwind v4 e SCSS.
What does Yellow mean? → · Greenish Beige color name →
#C9D179
oklch(0.835 0.112 113.1)
Conversioni di colore
- 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%)
Tinte · Ombre · Toni
Tinte
- CED688
- D3DA96
- D9DFA3
- DEE4B1
- E3E8BE
- E9EDCB
- EEF2D8
- F4F6E5
- F9FBF2
Ombre
- AEB568
- 959B58
- 7C8148
- 646839
- 4C502B
- 36391D
- 222310
- 0F1005
- 020201
Toni
- C1C97B
- BAC07D
- B2B87E
- ABB07F
- A3A880
- 9CA080
- 959880
- 8E9081
- 878880
Armonie di colore
Complementare +180°
- C9D179
Greenish Beige
- CBBEFF
≈ Lavender Tonic
Analogo -30° +30°
- C9D179
Greenish Beige
- ECC270
≈ Vietnamese Lantern
- 9DDC99
≈ Retro
Triadico +120° +240°
- C9D179
Greenish Beige
- 85D4FF
≈ Kul Sharif Blue
- FFACCF
≈ Majin Bū Pink
Complementare divisa +150° +210°
- C9D179
Greenish Beige
- ADC9FF
≈ Night Snow
- EDB0F3
≈ Candy Dreams
Tetradico +90° +180° +270°
- C9D179
Greenish Beige
- 60DEE9
≈ Turquoise Sea
- CBBEFF
≈ Lavender Tonic
- FFB2AD
≈ Peach Bud
Contrasto e accessibilità
Ag
FailSu bianco
WCAG 1.63:1 · APCA Lc 28
Ag
AAASu nero
WCAG 12.87:1 · APCA Lc 75
Miglior colore del testo: #000000
WCAG 12.87:1 (AAA) · APCA Lc 75
Contrast pairs
Frammenti di codice
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);
}