Colore con nome · #11610F
Thuja Green
Thuja Green è #11610F: rgb(17 97 15), hsl(119 73% 22%), oklch(0.43 0.135 142.5). Scopri tinte, ombre, armonie, contrasto WCAG e APCA e codice CSS, Tailwind v4 e SCSS.
What does Green mean? → · Thuja Green color name →
#11610F
oklch(0.43 0.135 142.5)
Conversioni di colore
- HEX
- #11610f
- RGB
- rgb(17 97 15)
- HSL
- hsl(119 73% 22%)
- HWB
- hwb(119 6% 62%)
- OKLCH
- oklch(0.43 0.135 142.5)
- OKLab
- oklab(0.43 -0.107 0.082)
- CIE Lab
- lab(35.45 -36.34 36)
- LCH
- lch(35.45 51.15 135.3)
- CMYK
- cmyk(82% 0% 85% 62%)
Tinte · Ombre · Toni
Tinte
- 2F702C
- 478043
- 5E8F5A
- 759F71
- 8BAE88
- A2BE9F
- B8CEB6
- D0DECE
- E7EFE6
Ombre
- 0D530B
- 094608
- 063905
- 042D03
- 022102
- 011501
- 000B00
- 000300
- 000000
Toni
- 236520
- 30682D
- 3C6B38
- 466E43
- 51724E
- 5A7558
- 647862
- 6D7B6C
- 777D76
Armonie di colore
Complementare +180°
- 11610F
Thuja Green
- 71307A
≈ Maximum Purple
Analogo -30° +30°
- 11610F
Thuja Green
- 515500
≈ Douro
- 005E4B
≈ Sci-Fi Takeout
Triadico +120° +240°
- 11610F
Thuja Green
- 254B99
≈ Le Grand Bleu
- 8B272B
≈ Old Mandarin
Complementare divisa +150° +210°
- 11610F
Thuja Green
- 543D92
≈ Ruthless Empress
- 842757
≈ Dark Raspberry
Tetradico +90° +180° +270°
- 11610F
Thuja Green
- 005778
≈ Studer Blue
- 71307A
≈ Maximum Purple
- 7D3B00
≈ Red Beech
Contrasto e accessibilità
Ag
AAASu bianco
WCAG 7.66:1 · APCA Lc 86
Ag
FailSu nero
WCAG 2.74:1 · APCA Lc 16
Miglior colore del testo: #FFFFFF
WCAG 7.66:1 (AAA) · APCA Lc 86
Contrast pairs
Frammenti di codice
CSS
:root {
--thuja-green: #11610f;
--thuja-green-rgb: 17 97 15;
--thuja-green-oklch: oklch(0.43 0.135 142.5);
}
.element {
color: var(--thuja-green);
background-color: hsl(119 73% 22%);
border-color: oklch(0.43 0.135 142.5);
}Tailwind CSS v4
@theme {
--color-thuja-green: #11610f;
--color-thuja-green-50: #deffde;
--color-thuja-green-100: #cdf4cc;
--color-thuja-green-200: #b1e4b0;
--color-thuja-green-300: #8bca8c;
--color-thuja-green-400: #6cb267;
--color-thuja-green-500: #499c44;
--color-thuja-green-600: #3f843b;
--color-thuja-green-700: #326a2e;
--color-thuja-green-800: #264d1e;
--color-thuja-green-900: #193614;
--color-thuja-green-950: #092106;
}SCSS
$thuja-green: #11610f;
$thuja-green-rgb: 17, 97, 15;
$thuja-green-light: mix(#fff, $thuja-green, 20%);
$thuja-green-dark: mix(#000, $thuja-green, 20%);
.element {
color: $thuja-green;
box-shadow: 0 0 0 2px rgba($thuja-green, 0.35);
}