Nazwany kolor · #008888
Green Moblin
Green Moblin to #008888: rgb(0 136 136), hsl(180 100% 27%), oklch(0.567 0.097 194.8). Zobacz odcienie jaśniejsze i ciemniejsze, harmonie, kontrast WCAG i APCA oraz kod CSS, Tailwind v4 i SCSS.
What does Teal mean? → · Green Moblin color name →
#008888
oklch(0.567 0.097 194.8)
Konwersje koloru
- 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%)
Odcienie jaśniejsze · Odcienie ciemniejsze · Tony
Odcienie jaśniejsze
- 359493
- 519F9F
- 69ABAA
- 7FB7B6
- 95C3C2
- AACFCE
- BFDBDA
- D5E7E6
- EAF3F3
Odcienie ciemniejsze
- 007575
- 006363
- 005252
- 004141
- 003131
- 002222
- 001313
- 000606
- 000101
Tony
- 258787
- 368786
- 448686
- 4F8585
- 598584
- 618483
- 6A8382
- 728282
- 798181
Harmonie kolorów
Komplementarna +180°
- 008888
Green Moblin
- A85E64
≈ Delicate Prunus
Analogowa -30° +30°
- 008888
Green Moblin
- 338868
≈ Chrysocolla Green
- 2282A1
≈ Summer Blue
Triada +120° +240°
- 008888
Green Moblin
- 8C659E
≈ Aster Violetta
- 986E2D
≈ Damascene
Komplementarna rozszczepiona +150° +210°
- 008888
Green Moblin
- 9F5E84
≈ Raspberry Jelly Red
- A66345
≈ Borneo
Tetrada +90° +180° +270°
- 008888
Green Moblin
- 716EAD
≈ Clear Mauve
- A85E64
≈ Delicate Prunus
- 7F792E
≈ Faience Green
Kontrast i dostępność
Ag
FailNa bieli
WCAG 4.30:1 · APCA Lc 69
Ag
AANa czerni
WCAG 4.87:1 · APCA Lc 32
Najlepszy kolor tekstu: #000000
WCAG 4.87:1 (AA) · APCA Lc 32
Contrast pairs
Fragmenty kodu
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);
}