En yakın adlandırılmış renk · #008B7E
#008B7E
En yakın adlandırılmış renk: Go Go Green
#008B7E (rgb(0 139 126), hsl(174 100% 27%), oklch(0.572 0.102 183.4)) 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.
#008B7E
oklch(0.572 0.102 183.4)
Renk dönüşümleri
- HEX
- #008b7e
- RGB
- rgb(0 139 126)
- HSL
- hsl(174 100% 27%)
- HWB
- hwb(174 0% 45%)
- OKLCH
- oklch(0.572 0.102 183.4)
- OKLab
- oklab(0.572 -0.101 -0.006)
- CIE Lab
- lab(51.58 -35.38 -2.54)
- LCH
- lch(51.58 35.47 184.1)
- CMYK
- cmyk(100% 0% 9% 45%)
Açık tonlar · Koyu tonlar · Gri tonlar
Açık tonlar
- 35968A
- 51A296
- 69ADA3
- 80B9B0
- 95C4BC
- ABD0C9
- C0DCD7
- D5E7E4
- EAF3F1
Koyu tonlar
- 00786D
- 00665C
- 00544C
- 00433C
- 00322D
- 00231F
- 001411
- 000705
- 000101
Gri tonlar
- 258A7E
- 37897E
- 44887F
- 4F877F
- 59867F
- 62857F
- 6A847F
- 728380
- 798180
Renk uyumları
Tamamlayıcı +180°
- 008B7E
Go Go Green
- A95D72
≈ Topinambur Root
Analog -30° +30°
- 008B7E
Go Go Green
- 42895B
≈ Onion Seedling
- 00879B
≈ Marker Blue
Üçlü +120° +240°
- 008B7E
Go Go Green
- 8468A9
≈ Chive Blossom
- A26A31
≈ Eagle
Bölünmüş tamamlayıcı +150° +210°
- 008B7E
Go Go Green
- 9C6091
≈ Thimble Red
- AB6050
≈ Trolley Dash
Dörtlü +90° +180° +270°
- 008B7E
Go Go Green
- 6573B4
≈ Wild Pansy
- A95D72
≈ Topinambur Root
- 8C7625
≈ Aubergine Green
Kontrast ve erişilebilirlik
Ag
FailBeyaz üzerinde
WCAG 4.20:1 · APCA Lc 68
Ag
AASiyah üzerinde
WCAG 4.99:1 · APCA Lc 33
En iyi metin rengi: #000000
WCAG 4.99:1 (AA) · APCA Lc 33
Contrast pairs
Kod parçacıkları
CSS
:root {
--go-go-green: #008b7e;
--go-go-green-rgb: 0 139 126;
--go-go-green-oklch: oklch(0.572 0.102 183.4);
}
.element {
color: var(--go-go-green);
background-color: hsl(174 100% 27%);
border-color: oklch(0.572 0.102 183.4);
}Tailwind CSS v4
@theme {
--color-go-go-green: #008b7e;
--color-go-go-green-50: #d6fff9;
--color-go-go-green-100: #c3f4ec;
--color-go-go-green-200: #a3e3da;
--color-go-go-green-300: #78c9be;
--color-go-go-green-400: #4db2a4;
--color-go-go-green-500: #009c8d;
--color-go-go-green-600: #068477;
--color-go-go-green-700: #09695f;
--color-go-go-green-800: #064e45;
--color-go-go-green-900: #05362f;
--color-go-go-green-950: #00211c;
}SCSS
$go-go-green: #008b7e;
$go-go-green-rgb: 0, 139, 126;
$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);
}