Màu có tên gần nhất · #008978
#008978
Màu có tên gần nhất: Go Go Green
#008978 (rgb(0 137 120), hsl(173 100% 27%), oklch(0.565 0.102 180)) gần nhất với màu có tên Go Go Green. Xem sắc nhạt, sắc đậm, hòa sắc, tương phản WCAG và APCA, cùng mã CSS, Tailwind v4 và SCSS.
#008978
oklch(0.565 0.102 180)
Chuyển đổi màu
- HEX
- #008978
- RGB
- rgb(0 137 120)
- HSL
- hsl(173 100% 27%)
- HWB
- hwb(173 0% 46%)
- OKLCH
- oklch(0.565 0.102 180)
- OKLab
- oklab(0.565 -0.102 0)
- CIE Lab
- lab(50.77 -35.97 -0.25)
- LCH
- lch(50.77 35.97 180.4)
- CMYK
- cmyk(100% 0% 12% 46%)
Sắc nhạt · Sắc đậm · Sắc xám
Sắc nhạt
- 359585
- 51A091
- 69AC9E
- 7FB8AC
- 95C3B9
- AACFC7
- BFDBD5
- D5E7E3
- EAF3F1
Sắc đậm
- 007667
- 006457
- 005348
- 004239
- 00312A
- 00221D
- 001410
- 000705
- 000101
Sắc xám
- 258879
- 36887A
- 44877A
- 4F867B
- 59857C
- 61847D
- 6A837E
- 72827E
- 79817F
Hòa sắc
Bổ túc +180°
- 008978
Go Go Green
- A65B73
≈ Topinambur Root
Tương đồng -30° +30°
- 008978
Go Go Green
- 458755
≈ Kilkenny
- 008595
≈ Painted Sea
Bộ ba +120° +240°
- 008978
Go Go Green
- 7F67A9
≈ Wintertime Mauve
- A16631
≈ Hot Ginger
Bổ túc chia +150° +210°
- 008978
Go Go Green
- 975F92
≈ Bermuda Onion
- AA5D51
≈ Foxy
Bộ bốn +90° +180° +270°
- 008978
Go Go Green
- 5E72B2
≈ Wild Pansy
- A65B73
≈ Topinambur Root
- 8D7221
≈ Corn Harvest
Tương phản và khả năng tiếp cận
Ag
FailTrên nền trắng
WCAG 4.33:1 · APCA Lc 69
Ag
AATrên nền đen
WCAG 4.84:1 · APCA Lc 32
Màu chữ tốt nhất: #000000
WCAG 4.84:1 (AA) · APCA Lc 32
Contrast pairs
Đoạn mã
CSS
:root {
--go-go-green: #008978;
--go-go-green-rgb: 0 137 120;
--go-go-green-oklch: oklch(0.565 0.102 180);
}
.element {
color: var(--go-go-green);
background-color: hsl(173 100% 27%);
border-color: oklch(0.565 0.102 180);
}Tailwind CSS v4
@theme {
--color-go-go-green: #008978;
--color-go-go-green-50: #d6fff7;
--color-go-go-green-100: #c3f4ea;
--color-go-go-green-200: #a3e3d7;
--color-go-go-green-300: #79c9bb;
--color-go-go-green-400: #4eb2a1;
--color-go-go-green-500: #009c89;
--color-go-go-green-600: #0d8474;
--color-go-go-green-700: #0c6a5c;
--color-go-go-green-800: #084e42;
--color-go-go-green-900: #06362e;
--color-go-go-green-950: #00211b;
}SCSS
$go-go-green: #008978;
$go-go-green-rgb: 0, 137, 120;
$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);
}