En yakın adlandırılmış renk · #008E87
#008E87
En yakın adlandırılmış renk: Go Go Green
#008E87 (rgb(0 142 135), hsl(177 100% 28%), oklch(0.583 0.101 188.7)) en çok Go Go Green adlı renge yakındır. Açık tonlar, koyu tonlar, uyumlar, WCAG ve APCA kontrastı ile CSS, Tailwind v4 ve SCSS kodunu görün.
#008E87
oklch(0.583 0.101 188.7)
Renk dönüşümleri
- HEX
- #008e87
- RGB
- rgb(0 142 135)
- HSL
- hsl(177 100% 28%)
- HWB
- hwb(177 0% 44%)
- OKLCH
- oklch(0.583 0.101 188.7)
- OKLab
- oklab(0.583 -0.1 -0.015)
- CIE Lab
- lab(52.8 -34.47 -5.94)
- LCH
- lch(52.8 34.98 189.8)
- CMYK
- cmyk(100% 0% 5% 44%)
Açık tonlar · Koyu tonlar · Gri tonlar
Açık tonlar
- 369992
- 52A49E
- 6AB0AA
- 81BBB5
- 96C6C1
- ABD1CD
- C0DDDA
- D5E8E6
- EAF4F2
Koyu tonlar
- 007B75
- 006863
- 005651
- 004441
- 003431
- 002421
- 001513
- 000706
- 000101
Gri tonlar
- 268D86
- 388C86
- 458A85
- 508984
- 5A8884
- 638683
- 6B8582
- 728381
- 798281
Renk uyumları
Tamamlayıcı +180°
- 008E87
Go Go Green
- AE606F
≈ Pretty Peony
Analog -30° +30°
- 008E87
Go Go Green
- 3E8D65
≈ Illuminati Green
- 1489A3
≈ Teal Blue
Üçlü +120° +240°
- 008E87
Go Go Green
- 8C6AA9
≈ Amethyst Orchid
- A26F31
≈ Hearth Gold
Bölünmüş tamamlayıcı +150° +210°
- 008E87
Go Go Green
- A2638F
≈ Berry Pretty
- AE654D
≈ Red Cent
Dörtlü +90° +180° +270°
- 008E87
Go Go Green
- 6E74B6
≈ Wind Star
- AE606F
≈ Pretty Peony
- 8B7C2B
≈ Mossy Meadow
Kontrast ve erişilebilirlik
Ag
FailBeyaz üzerinde
WCAG 4.02:1 · APCA Lc 67
Ag
AASiyah üzerinde
WCAG 5.21:1 · APCA Lc 35
En iyi metin rengi: #000000
WCAG 5.21:1 (AA) · APCA Lc 35
Contrast pairs
Kod parçacıkları
CSS
:root {
--go-go-green: #008e87;
--go-go-green-rgb: 0 142 135;
--go-go-green-oklch: oklch(0.583 0.101 188.7);
}
.element {
color: var(--go-go-green);
background-color: hsl(177 100% 28%);
border-color: oklch(0.583 0.101 188.7);
}Tailwind CSS v4
@theme {
--color-go-go-green: #008e87;
--color-go-go-green-50: #d5fffc;
--color-go-go-green-100: #c2f3f0;
--color-go-go-green-200: #a2e3de;
--color-go-go-green-300: #76c8c3;
--color-go-go-green-400: #4ab2aa;
--color-go-go-green-500: #009b93;
--color-go-go-green-600: #00837d;
--color-go-go-green-700: #026964;
--color-go-go-green-800: #024d48;
--color-go-go-green-900: #033632;
--color-go-go-green-950: #00211e;
}SCSS
$go-go-green: #008e87;
$go-go-green-rgb: 0, 142, 135;
$go-go-green-light: mix(#fff, $go-go-green, 20%);
$go-go-green-dark: mix(#000, $go-go-green, 20%);
.element {
color: $go-go-green;
box-shadow: 0 0 0 2px rgba($go-go-green, 0.35);
}