Nazwany kolor · #008A7D
Go Go Green
Go Go Green to #008A7D: rgb(0 138 125), hsl(174 100% 27%), oklch(0.569 0.101 183.4). Zobacz odcienie jaśniejsze i ciemniejsze, harmonie, kontrast WCAG i APCA oraz kod CSS, Tailwind v4 i SCSS.
What does Teal mean? → · Go Go Green color name →
#008A7D
oklch(0.569 0.101 183.4)
Konwersje koloru
- HEX
- #008a7d
- RGB
- rgb(0 138 125)
- HSL
- hsl(174 100% 27%)
- HWB
- hwb(174 0% 46%)
- OKLCH
- oklch(0.569 0.101 183.4)
- OKLab
- oklab(0.569 -0.101 -0.006)
- CIE Lab
- lab(51.22 -35.22 -2.48)
- LCH
- lch(51.22 35.3 184)
- CMYK
- cmyk(100% 0% 9% 46%)
Odcienie jaśniejsze · Odcienie ciemniejsze · Tony
Odcienie jaśniejsze
- 359589
- 51A196
- 69ADA2
- 7FB8AF
- 95C4BC
- AAD0C9
- C0DBD6
- D5E7E4
- EAF3F1
Odcienie ciemniejsze
- 00776C
- 00655B
- 00534B
- 00423B
- 00322C
- 00221E
- 001411
- 000705
- 000101
Tony
- 25897D
- 37887E
- 44887E
- 4F877E
- 59867F
- 62857F
- 6A847F
- 72827F
- 798180
Harmonie kolorów
Komplementarna +180°
- 008A7D
Go Go Green
- A85C71
≈ Topinambur Root
Analogowa -30° +30°
- 008A7D
Go Go Green
- 42885A
≈ Onion Seedling
- 00869A
≈ Marker Blue
Triada +120° +240°
- 008A7D
Go Go Green
- 8367A8
≈ Chive Blossom
- A06931
≈ Gallstone Yellow
Komplementarna rozszczepiona +150° +210°
- 008A7D
Go Go Green
- 9A5F90
≈ Kyo Purple
- AA5F4F
≈ Foxy
Tetrada +90° +180° +270°
- 008A7D
Go Go Green
- 6472B3
≈ Wild Pansy
- A85C71
≈ Topinambur Root
- 8B7525
≈ Aubergine Green
Kontrast i dostępność
Ag
FailNa bieli
WCAG 4.25:1 · APCA Lc 69
Ag
AANa czerni
WCAG 4.93:1 · APCA Lc 33
Najlepszy kolor tekstu: #000000
WCAG 4.93:1 (AA) · APCA Lc 33
Contrast pairs
Fragmenty kodu
CSS
:root {
--go-go-green: #008a7d;
--go-go-green-rgb: 0 138 125;
--go-go-green-oklch: oklch(0.569 0.101 183.4);
}
.element {
color: var(--go-go-green);
background-color: hsl(174 100% 27%);
border-color: oklch(0.569 0.101 183.4);
}Tailwind CSS v4
@theme {
--color-go-go-green: #008a7d;
--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: #009b8d;
--color-go-go-green-600: #098377;
--color-go-go-green-700: #0a695f;
--color-go-go-green-800: #074e45;
--color-go-go-green-900: #05362f;
--color-go-go-green-950: #00211c;
}SCSS
$go-go-green: #008a7d;
$go-go-green-rgb: 0, 138, 125;
$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);
}