Màu có tên gần nhất · #008A75
#008A75
Màu có tên gần nhất: Go Go Green
#008A75 (rgb(0 138 117), hsl(171 100% 27%), oklch(0.566 0.105 176.9)) 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.
#008A75
oklch(0.566 0.105 176.9)
Chuyển đổi màu
- HEX
- #008a75
- RGB
- rgb(0 138 117)
- HSL
- hsl(171 100% 27%)
- HWB
- hwb(171 0% 46%)
- OKLCH
- oklch(0.566 0.105 176.9)
- OKLab
- oklab(0.566 -0.105 0.006)
- CIE Lab
- lab(51.03 -37.02 1.85)
- LCH
- lch(51.03 37.06 177.1)
- CMYK
- cmyk(100% 0% 15% 46%)
Sắc nhạt · Sắc đậm · Sắc xám
Sắc nhạt
- 359682
- 51A18F
- 69AD9C
- 7FB8AA
- 95C4B8
- AAD0C6
- BFDBD4
- D5E7E2
- EAF3F0
Sắc đậm
- 007765
- 006555
- 005346
- 004237
- 003229
- 00221C
- 00140F
- 000705
- 000101
Sắc xám
- 258976
- 378877
- 448878
- 4F8779
- 59867A
- 62857C
- 6A847D
- 72837E
- 79817F
Hòa sắc
Bổ túc +180°
- 008A75
Go Go Green
- A75A77
≈ Malaga
Tương đồng -30° +30°
- 008A75
Go Go Green
- 488751
≈ Imperial Green
- 008693
≈ Tropical Teal
Bộ ba +120° +240°
- 008A75
Go Go Green
- 7D68AC
≈ Clear Mauve
- A46532
≈ Mai Tai
Bổ túc chia +150° +210°
- 008A75
Go Go Green
- 975F96
≈ Aster Violetta
- AC5C54
≈ Artisan Red
Bộ bốn +90° +180° +270°
- 008A75
Go Go Green
- 5A73B4
≈ Prefect
- A75A77
≈ Malaga
- 91711D
≈ Honey Yellow Green
Tương phản và khả năng tiếp cận
Ag
FailTrên nền trắng
WCAG 4.29:1 · APCA Lc 69
Ag
AATrên nền đen
WCAG 4.89:1 · APCA Lc 33
Màu chữ tốt nhất: #000000
WCAG 4.89:1 (AA) · APCA Lc 33
Contrast pairs
Đoạn mã
CSS
:root {
--go-go-green: #008a75;
--go-go-green-rgb: 0 138 117;
--go-go-green-oklch: oklch(0.566 0.105 176.9);
}
.element {
color: var(--go-go-green);
background-color: hsl(171 100% 27%);
border-color: oklch(0.566 0.105 176.9);
}Tailwind CSS v4
@theme {
--color-go-go-green: #008a75;
--color-go-go-green-50: #d6fff6;
--color-go-go-green-100: #c3f4e8;
--color-go-go-green-200: #a3e4d5;
--color-go-go-green-300: #78c9b8;
--color-go-go-green-400: #4eb39d;
--color-go-go-green-500: #009c85;
--color-go-go-green-600: #0b8470;
--color-go-go-green-700: #0c6a5a;
--color-go-go-green-800: #084e40;
--color-go-go-green-900: #06362c;
--color-go-go-green-950: #002119;
}SCSS
$go-go-green: #008a75;
$go-go-green-rgb: 0, 138, 117;
$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);
}