Warna bernama · #008888
Green Moblin
Green Moblin adalah #008888: rgb(0 136 136), hsl(180 100% 27%), oklch(0.567 0.097 194.8). Lihat tint, shade, harmoni, kontras WCAG & APCA, serta kode CSS, Tailwind v4, dan SCSS.
What does Teal mean? → · Green Moblin color name →
#008888
oklch(0.567 0.097 194.8)
Konversi warna
- HEX
- #008888
- RGB
- rgb(0 136 136)
- HSL
- hsl(180 100% 27%)
- HWB
- hwb(180 0% 47%)
- OKLCH
- oklch(0.567 0.097 194.8)
- OKLab
- oklab(0.567 -0.094 -0.025)
- CIE Lab
- lab(50.85 -31.75 -9.38)
- LCH
- lch(50.85 33.11 196.5)
- CMYK
- cmyk(100% 0% 0% 47%)
Tint · Shade · Tone
Tint
- 359493
- 519F9F
- 69ABAA
- 7FB7B6
- 95C3C2
- AACFCE
- BFDBDA
- D5E7E6
- EAF3F3
Shade
- 007575
- 006363
- 005252
- 004141
- 003131
- 002222
- 001313
- 000606
- 000101
Tone
- 258787
- 368786
- 448686
- 4F8585
- 598584
- 618483
- 6A8382
- 728282
- 798181
Harmoni warna
Komplementer +180°
- 008888
Green Moblin
- A85E64
≈ Delicate Prunus
Analog -30° +30°
- 008888
Green Moblin
- 338868
≈ Chrysocolla Green
- 2282A1
≈ Summer Blue
Triadik +120° +240°
- 008888
Green Moblin
- 8C659E
≈ Aster Violetta
- 986E2D
≈ Damascene
Split-komplementer +150° +210°
- 008888
Green Moblin
- 9F5E84
≈ Raspberry Jelly Red
- A66345
≈ Borneo
Tetradik +90° +180° +270°
- 008888
Green Moblin
- 716EAD
≈ Clear Mauve
- A85E64
≈ Delicate Prunus
- 7F792E
≈ Faience Green
Kontras & aksesibilitas
Ag
FailDi atas putih
WCAG 4.30:1 · APCA Lc 69
Ag
AADi atas hitam
WCAG 4.87:1 · APCA Lc 32
Warna teks terbaik: #000000
WCAG 4.87:1 (AA) · APCA Lc 32
Contrast pairs
Cuplikan kode
CSS
:root {
--green-moblin: #008888;
--green-moblin-rgb: 0 136 136;
--green-moblin-oklch: oklch(0.567 0.097 194.8);
}
.element {
color: var(--green-moblin);
background-color: hsl(180 100% 27%);
border-color: oklch(0.567 0.097 194.8);
}Tailwind CSS v4
@theme {
--color-green-moblin: #008888;
--color-green-moblin-50: #d6feff;
--color-green-moblin-100: #c3f3f3;
--color-green-moblin-200: #a3e2e2;
--color-green-moblin-300: #79c7c8;
--color-green-moblin-400: #4db0b0;
--color-green-moblin-500: #009a9a;
--color-green-moblin-600: #0a8282;
--color-green-moblin-700: #0b6868;
--color-green-moblin-800: #064d4b;
--color-green-moblin-900: #053534;
--color-green-moblin-950: #002020;
}SCSS
$green-moblin: #008888;
$green-moblin-rgb: 0, 136, 136;
$green-moblin-light: mix(#fff, $green-moblin, 20%);
$green-moblin-dark: mix(#000, $green-moblin, 20%);
.element {
color: $green-moblin;
box-shadow: 0 0 0 2px rgba($green-moblin, 0.35);
}