Warna bernama · #11610F
Thuja Green
Thuja Green adalah #11610F: rgb(17 97 15), hsl(119 73% 22%), oklch(0.43 0.135 142.5). Lihat tint, shade, harmoni, kontras WCAG & APCA, serta kode CSS, Tailwind v4, dan SCSS.
What does Green mean? → · Thuja Green color name →
#11610F
oklch(0.43 0.135 142.5)
Konversi warna
- 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%)
Tint · Shade · Tone
Tint
- 2F702C
- 478043
- 5E8F5A
- 759F71
- 8BAE88
- A2BE9F
- B8CEB6
- D0DECE
- E7EFE6
Shade
- 0D530B
- 094608
- 063905
- 042D03
- 022102
- 011501
- 000B00
- 000300
- 000000
Tone
- 236520
- 30682D
- 3C6B38
- 466E43
- 51724E
- 5A7558
- 647862
- 6D7B6C
- 777D76
Harmoni warna
Komplementer +180°
- 11610F
Thuja Green
- 71307A
≈ Maximum Purple
Analog -30° +30°
- 11610F
Thuja Green
- 515500
≈ Douro
- 005E4B
≈ Sci-Fi Takeout
Triadik +120° +240°
- 11610F
Thuja Green
- 254B99
≈ Le Grand Bleu
- 8B272B
≈ Old Mandarin
Split-komplementer +150° +210°
- 11610F
Thuja Green
- 543D92
≈ Ruthless Empress
- 842757
≈ Dark Raspberry
Tetradik +90° +180° +270°
- 11610F
Thuja Green
- 005778
≈ Studer Blue
- 71307A
≈ Maximum Purple
- 7D3B00
≈ Red Beech
Kontras & aksesibilitas
Ag
AAADi atas putih
WCAG 7.66:1 · APCA Lc 86
Ag
FailDi atas hitam
WCAG 2.74:1 · APCA Lc 16
Warna teks terbaik: #FFFFFF
WCAG 7.66:1 (AAA) · APCA Lc 86
Contrast pairs
Cuplikan kode
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);
}