最接近的命名颜色 · #008577
#008577
最接近的命名颜色: Go Go Green
#008577（rgb(0 133 119)、hsl(174 100% 26%)、oklch(0.553 0.099 182.1)）最接近命名颜色 Go Go Green。查看浅色调、深色调、和谐色、WCAG 与 APCA 对比度，以及 CSS、Tailwind v4 和 SCSS 代码。
#008577
oklch(0.553 0.099 182.1)
颜色转换
- HEX
- #008577
- RGB
- rgb(0 133 119)
- HSL
- hsl(174 100% 26%)
- HWB
- hwb(174 0% 48%)
- OKLCH
- oklch(0.553 0.099 182.1)
- OKLab
- oklab(0.553 -0.099 -0.004)
- CIE Lab
- lab(49.41 -34.62 -1.64)
- LCH
- lch(49.41 34.66 182.7)
- CMYK
- cmyk(100% 0% 11% 48%)
浅色调 · 深色调 · 灰色调
浅色调
- 349184
- 509D91
- 68A99E
- 7EB5AB
- 94C1B9
- A9CDC6
- BFDAD4
- D4E6E2
- E9F3F1
深色调
- 007367
- 006157
- 005047
- 004038
- 00302A
- 00211C
- 001310
- 000605
- 000101
灰色调
- 248578
- 368479
- 43847A
- 4E847B
- 58837B
- 61837C
- 69827D
- 71817E
- 79817F
配色和谐
互补色 +180°
- 008577
Go Go Green
- A2586E
≈ Ruby Shade
类似色 -30° +30°
- 008577
Go Go Green
- 408355
≈ Kilkenny
- 008193
≈ Craftsman Blue
三角配色 +120° +240°
- 008577
Go Go Green
- 7E64A3
≈ Purple Paradise
- 9B642F
≈ Cathay Spice
分裂互补色 +150° +210°
- 008577
Go Go Green
- 945C8C
≈ Plum Savour
- A45B4D
≈ Cajun Red
四角配色 +90° +180° +270°
- 008577
Go Go Green
- 5E6EAD
≈ Loch Ness
- A2586E
≈ Ruby Shade
- 877022
≈ Corn Harvest
对比度与无障碍
Ag
AA白底
WCAG 4.54:1 · APCA Lc 71
Ag
AA黑底
WCAG 4.62:1 · APCA Lc 31
最佳文字颜色: #000000
WCAG 4.62:1 (AA) · APCA Lc 31
Contrast pairs
代码片段
CSS
:root {
--go-go-green: #008577;
--go-go-green-rgb: 0 133 119;
--go-go-green-oklch: oklch(0.553 0.099 182.1);
}
.element {
color: var(--go-go-green);
background-color: hsl(174 100% 26%);
border-color: oklch(0.553 0.099 182.1);
}Tailwind CSS v4
@theme {
--color-go-go-green: #008577;
--color-go-go-green-50: #d7fff8;
--color-go-go-green-100: #c4f3ec;
--color-go-go-green-200: #a4e3d9;
--color-go-go-green-300: #7ac8bd;
--color-go-go-green-400: #51b2a3;
--color-go-go-green-500: #0d9b8b;
--color-go-go-green-600: #148376;
--color-go-go-green-700: #11695e;
--color-go-go-green-800: #0b4d44;
--color-go-go-green-900: #08362f;
--color-go-go-green-950: #00211b;
}SCSS
$go-go-green: #008577;
$go-go-green-rgb: 0, 133, 119;
$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);
}