Colore con nome · #90A96E
Green Tea Mochi
Green Tea Mochi è #90A96E: rgb(144 169 110), hsl(85 26% 55%), oklch(0.701 0.086 127.2). Scopri tinte, ombre, armonie, contrasto WCAG e APCA e codice CSS, Tailwind v4 e SCSS.
What does Green mean? → · Green Tea Mochi color name →
#90A96E
oklch(0.701 0.086 127.2)
Conversioni di colore
- HEX
- #90a96e
- RGB
- rgb(144 169 110)
- HSL
- hsl(85 26% 55%)
- HWB
- hwb(85 43% 34%)
- OKLCH
- oklch(0.701 0.086 127.2)
- OKLab
- oklab(0.701 -0.052 0.069)
- CIE Lab
- lab(66.21 -16.78 27.5)
- LCH
- lch(66.21 32.22 121.4)
- CMYK
- cmyk(15% 0% 35% 34%)
Tinte · Ombre · Toni
Tinte
- 9BB17C
- A5BA8B
- B0C299
- BBCBA7
- C6D4B6
- D1DCC4
- DDE5D3
- E8EEE1
- F3F6F0
Ombre
- 7D925F
- 6A7C50
- 576741
- 455333
- 343F26
- 242C19
- 151B0E
- 070A04
- 010101
Toni
- 8EA570
- 8DA173
- 8B9D75
- 8A9977
- 889578
- 86907A
- 858C7C
- 83887D
- 82847F
Armonie di colore
Complementare +180°
- 90A96E
Green Tea Mochi
- AD91C9
≈ Fleur-De-Lis
Analogo -30° +30°
- 90A96E
Green Tea Mochi
- AD9F5F
≈ Shiny Gold
- 70AF89
≈ Green Goddess
Triadico +120° +240°
- 90A96E
Green Tea Mochi
- 72A4D2
≈ Overcast
- CD8895
≈ Fruit Cocktail
Complementare divisa +150° +210°
- 90A96E
Green Tea Mochi
- 919AD4
≈ Portage
- C28AB2
≈ Rock Star Pink
Tetradico +90° +180° +270°
- 90A96E
Green Tea Mochi
- 59ACC2
≈ Blue Mist
- AD91C9
≈ Fleur-De-Lis
- CE8C78
≈ Sociable
Contrasto e accessibilità
Ag
FailSu bianco
WCAG 2.59:1 · APCA Lc 51
Ag
AAASu nero
WCAG 8.08:1 · APCA Lc 51
Miglior colore del testo: #000000
WCAG 8.08:1 (AAA) · APCA Lc 51
Contrast pairs
Frammenti di codice
CSS
:root {
--green-tea-mochi: #90a96e;
--green-tea-mochi-rgb: 144 169 110;
--green-tea-mochi-oklch: oklch(0.701 0.086 127.2);
}
.element {
color: var(--green-tea-mochi);
background-color: hsl(85 26% 55%);
border-color: oklch(0.701 0.086 127.2);
}Tailwind CSS v4
@theme {
--color-green-tea-mochi: #90a96e;
--color-green-tea-mochi-50: #edfbe1;
--color-green-tea-mochi-100: #dfeed0;
--color-green-tea-mochi-200: #c9dcb5;
--color-green-tea-mochi-300: #aac192;
--color-green-tea-mochi-400: #90a870;
--color-green-tea-mochi-500: #769150;
--color-green-tea-mochi-600: #647b45;
--color-green-tea-mochi-700: #506237;
--color-green-tea-mochi-800: #3b4826;
--color-green-tea-mochi-900: #293219;
--color-green-tea-mochi-950: #171e0a;
}SCSS
$green-tea-mochi: #90a96e;
$green-tea-mochi-rgb: 144, 169, 110;
$green-tea-mochi-light: mix(#fff, $green-tea-mochi, 20%);
$green-tea-mochi-dark: mix(#000, $green-tea-mochi, 20%);
.element {
color: $green-tea-mochi;
box-shadow: 0 0 0 2px rgba($green-tea-mochi, 0.35);
}