Colore con nome · #84BE84
Greengage
Greengage è #84BE84: rgb(132 190 132), hsl(120 31% 63%), oklch(0.746 0.102 144.5). Scopri tinte, ombre, armonie, contrasto WCAG e APCA e codice CSS, Tailwind v4 e SCSS.
What does Green mean? → · Greengage color name →
#84BE84
oklch(0.746 0.102 144.5)
Conversioni di colore
- HEX
- #84be84
- RGB
- rgb(132 190 132)
- HSL
- hsl(120 31% 63%)
- HWB
- hwb(120 52% 25%)
- OKLCH
- oklch(0.746 0.102 144.5)
- OKLab
- oklab(0.746 -0.083 0.059)
- CIE Lab
- lab(71.86 -28.27 23.15)
- LCH
- lch(71.86 36.54 140.7)
- CMYK
- cmyk(31% 0% 31% 25%)
Tinte · Ombre · Toni
Tinte
- 90C590
- 9DCB9C
- A9D2A8
- B5D8B5
- C2DFC1
- CEE5CD
- DAECDA
- E6F2E6
- F3F9F2
Ombre
- 72A572
- 608C60
- 4F754F
- 3F5E3F
- 2F482F
- 203320
- 121F12
- 060D06
- 010201
Toni
- 84B884
- 84B284
- 84AB84
- 84A583
- 839F83
- 839982
- 829382
- 828C81
- 818681
Armonie di colore
Complementare +180°
- 84BE84
Greengage
- CD97D1
≈ Ineffable Magenta
Analogo -30° +30°
- 84BE84
Greengage
- ABB467
≈ April Green
- 5EC2A8
≈ Spearmint
Triadico +120° +240°
- 84BE84
Greengage
- 8DACEE
≈ Kitten’s Eye
- E6938D
≈ Strawberry Memory
Complementare divisa +150° +210°
- 84BE84
Greengage
- B1A0E7
≈ Violet Velvet
- E092B1
≈ Rosebloom
Tetradico +90° +180° +270°
- 84BE84
Greengage
- 67B7E4
≈ Malibu
- CD97D1
≈ Ineffable Magenta
- DF9B6D
≈ Candle Yellow
Contrasto e accessibilità
Ag
FailSu bianco
WCAG 2.16:1 · APCA Lc 43
Ag
AAASu nero
WCAG 9.67:1 · APCA Lc 60
Miglior colore del testo: #000000
WCAG 9.67:1 (AAA) · APCA Lc 60
Contrast pairs
Frammenti di codice
CSS
:root {
--greengage: #84be84;
--greengage-rgb: 132 190 132;
--greengage-oklch: oklch(0.746 0.102 144.5);
}
.element {
color: var(--greengage);
background-color: hsl(120 31% 63%);
border-color: oklch(0.746 0.102 144.5);
}Tailwind CSS v4
@theme {
--color-greengage: #84be84;
--color-greengage-50: #e3fee4;
--color-greengage-100: #d3f2d4;
--color-greengage-200: #b9e1bb;
--color-greengage-300: #95c699;
--color-greengage-400: #78ae78;
--color-greengage-500: #59985a;
--color-greengage-600: #4c804d;
--color-greengage-700: #3c673d;
--color-greengage-800: #2c4b2a;
--color-greengage-900: #1e341c;
--color-greengage-950: #0e200c;
}SCSS
$greengage: #84be84;
$greengage-rgb: 132, 190, 132;
$greengage-light: mix(#fff, $greengage, 20%);
$greengage-dark: mix(#000, $greengage, 20%);
.element {
color: $greengage;
box-shadow: 0 0 0 2px rgba($greengage, 0.35);
}