Colore con nome · #089404
True Green
True Green è #089404: rgb(8 148 4), hsl(118 95% 30%), oklch(0.578 0.195 142.4). Scopri tinte, ombre, armonie, contrasto WCAG e APCA e codice CSS, Tailwind v4 e SCSS.
What does Green mean? → · True Green color name →
#089404
oklch(0.578 0.195 142.4)
Conversioni di colore
- HEX
- #089404
- RGB
- rgb(8 148 4)
- HSL
- hsl(118 95% 30%)
- HWB
- hwb(118 2% 42%)
- OKLCH
- oklch(0.578 0.195 142.4)
- OKLab
- oklab(0.578 -0.154 0.119)
- CIE Lab
- lab(53.27 -52.24 53.43)
- LCH
- lch(53.27 74.73 134.4)
- CMYK
- cmyk(95% 0% 97% 42%)
Tinte · Ombre · Toni
Tinte
- 379F32
- 53AA4D
- 6AB564
- 80C07B
- 96CB91
- ABD5A7
- C0E0BD
- D5EAD3
- EAF5E9
Ombre
- 068003
- 046D02
- 035A01
- 024801
- 013601
- 012600
- 001600
- 000800
- 000100
Toni
- 289323
- 389133
- 458F40
- 508E4B
- 5A8C55
- 628A5F
- 6A8867
- 728570
- 798378
Armonie di colore
Complementare +180°
- 089404
True Green
- AD47BC
≈ Ultraviolet Cryner
Analogo -30° +30°
- 089404
True Green
- 7C8100
≈ Drably Olive
- 008F73
≈ Observatory
Triadico +120° +240°
- 089404
True Green
- 3571EB
≈ Bluetiful
- D43640
≈ Red Bliss
Complementare divisa +150° +210°
- 089404
True Green
- 815AE0
≈ Gloomy Purple
- C93785
≈ Shrine of Pleasures
Tetradico +90° +180° +270°
- 089404
True Green
- 0085B4
≈ Lucario Blue
- AD47BC
≈ Ultraviolet Cryner
- BB5B00
≈ Dry Clay
Contrasto e accessibilità
Ag
FailSu bianco
WCAG 4.00:1 · APCA Lc 67
Ag
AASu nero
WCAG 5.24:1 · APCA Lc 35
Miglior colore del testo: #000000
WCAG 5.24:1 (AA) · APCA Lc 35
Contrast pairs
Frammenti di codice
CSS
:root {
--true-green: #089404;
--true-green-rgb: 8 148 4;
--true-green-oklch: oklch(0.578 0.195 142.4);
}
.element {
color: var(--true-green);
background-color: hsl(118 95% 30%);
border-color: oklch(0.578 0.195 142.4);
}Tailwind CSS v4
@theme {
--color-true-green: #089404;
--color-true-green-50: #d4ffd3;
--color-true-green-100: #c0fabf;
--color-true-green-200: #9fea9f;
--color-true-green-300: #73d175;
--color-true-green-400: #4cba46;
--color-true-green-500: #00a300;
--color-true-green-600: #078a04;
--color-true-green-700: #096f06;
--color-true-green-800: #0f5100;
--color-true-green-900: #093900;
--color-true-green-950: #002300;
}SCSS
$true-green: #089404;
$true-green-rgb: 8, 148, 4;
$true-green-light: mix(#fff, $true-green, 20%);
$true-green-dark: mix(#000, $true-green, 20%);
.element {
color: $true-green;
box-shadow: 0 0 0 2px rgba($true-green, 0.35);
}