Colore con nome · #446019
Rainforest Matcha
Rainforest Matcha è #446019: rgb(68 96 25), hsl(84 59% 24%), oklch(0.451 0.103 128.6). Scopri tinte, ombre, armonie, contrasto WCAG e APCA e codice CSS, Tailwind v4 e SCSS.
What does Green mean? → · Rainforest Matcha color name →
#446019
oklch(0.451 0.103 128.6)
Conversioni di colore
- HEX
- #446019
- RGB
- rgb(68 96 25)
- HSL
- hsl(84 59% 24%)
- HWB
- hwb(84 10% 62%)
- OKLCH
- oklch(0.451 0.103 128.6)
- OKLab
- oklab(0.451 -0.064 0.08)
- CIE Lab
- lab(37.35 -19.77 34.99)
- LCH
- lch(37.35 40.19 119.5)
- CMYK
- cmyk(29% 0% 74% 62%)
Tinte · Ombre · Toni
Tinte
- 556F32
- 667E49
- 788E5F
- 8A9D75
- 9DAD8B
- B0BDA1
- C3CDB8
- D7DED0
- EBEEE7
Ombre
- 3A5214
- 304510
- 26380B
- 1D2C07
- 142004
- 0C1502
- 050A01
- 020300
- 000000
Toni
- 4A6327
- 506732
- 566A3D
- 5C6D47
- 627151
- 68745A
- 6E7764
- 747A6D
- 7A7D77
Armonie di colore
Complementare +180°
- 446019
Rainforest Matcha
- 664481
≈ Regality
Analogo -30° +30°
- 446019
Rainforest Matcha
- 635600
≈ Ayahuasca Vine
- 056640
≈ Greens
Triadico +120° +240°
- 446019
Rainforest Matcha
- 1E598C
≈ Strong Will
- 843A4A
≈ Camelot
Complementare divisa +150° +210°
- 446019
Rainforest Matcha
- 4A4E8D
≈ Beaded Blue
- 793D69
≈ Burnt Orchid
Tetradico +90° +180° +270°
- 446019
Rainforest Matcha
- 006074
≈ Ocean Radiance
- 664481
≈ Regality
- 843E27
≈ Grill Master
Contrasto e accessibilità
Ag
AAASu bianco
WCAG 7.15:1 · APCA Lc 85
Ag
FailSu nero
WCAG 2.93:1 · APCA Lc 17
Miglior colore del testo: #FFFFFF
WCAG 7.15:1 (AAA) · APCA Lc 85
Contrast pairs
Frammenti di codice
CSS
:root {
--rainforest-matcha: #446019;
--rainforest-matcha-rgb: 68 96 25;
--rainforest-matcha-oklch: oklch(0.451 0.103 128.6);
}
.element {
color: var(--rainforest-matcha);
background-color: hsl(84 59% 24%);
border-color: oklch(0.451 0.103 128.6);
}Tailwind CSS v4
@theme {
--color-rainforest-matcha: #446019;
--color-rainforest-matcha-50: #ebfcdd;
--color-rainforest-matcha-100: #dcefcc;
--color-rainforest-matcha-200: #c5deb0;
--color-rainforest-matcha-300: #a5c38b;
--color-rainforest-matcha-400: #8caa68;
--color-rainforest-matcha-500: #719345;
--color-rainforest-matcha-600: #607c3b;
--color-rainforest-matcha-700: #4d642f;
--color-rainforest-matcha-800: #39491f;
--color-rainforest-matcha-900: #273215;
--color-rainforest-matcha-950: #151e06;
}SCSS
$rainforest-matcha: #446019;
$rainforest-matcha-rgb: 68, 96, 25;
$rainforest-matcha-light: mix(#fff, $rainforest-matcha, 20%);
$rainforest-matcha-dark: mix(#000, $rainforest-matcha, 20%);
.element {
color: $rainforest-matcha;
box-shadow: 0 0 0 2px rgba($rainforest-matcha, 0.35);
}