最接近的命名颜色 · #048672
#048672
最接近的命名颜色: Go Go Green
#048672（rgb(4 134 114)、hsl(171 94% 27%)、oklch(0.555 0.102 177.2)）最接近命名颜色 Go Go Green。查看浅色调、深色调、和谐色、WCAG 与 APCA 对比度，以及 CSS、Tailwind v4 和 SCSS 代码。
#048672
oklch(0.555 0.102 177.2)
颜色转换
- HEX
- #048672
- RGB
- rgb(4 134 114)
- HSL
- hsl(171 94% 27%)
- HWB
- hwb(171 2% 47%)
- OKLCH
- oklch(0.555 0.102 177.2)
- OKLab
- oklab(0.555 -0.102 0.005)
- CIE Lab
- lab(49.66 -35.9 1.62)
- LCH
- lch(49.66 35.94 177.4)
- CMYK
- cmyk(97% 0% 15% 47%)
浅色调 · 深色调 · 灰色调
浅色调
- 35927F
- 509E8C
- 68AA9A
- 7FB6A8
- 94C2B6
- AACEC4
- BFDAD3
- D4E6E1
- EAF3F0
深色调
- 037462
- 026253
- 015144
- 014036
- 003028
- 00211B
- 00130E
- 000604
- 000101
灰色调
- 268673
- 368575
- 438576
- 4E8478
- 588479
- 61837A
- 69827C
- 71827D
- 79817F
配色和谐
互补色 +180°
- 048672
Go Go Green
- A25874
≈ Ruby Shade
类似色 -30° +30°
- 048672
Go Go Green
- 46834F
≈ Kilkenny
- 00828F
≈ True Teal
三角配色 +120° +240°
- 048672
Go Go Green
- 7A65A7
≈ Genestealer Purple
- 9F6231
≈ Cathay Spice
分裂互补色 +150° +210°
- 048672
Go Go Green
- 925D92
≈ Chakra
- A65A52
≈ Cheek Red
四角配色 +90° +180° +270°
- 048672
Go Go Green
- 5870AF
≈ Prefect
- A25874
≈ Ruby Shade
- 8C6E1E
≈ Corn Harvest
对比度与无障碍
Ag
AA白底
WCAG 4.50:1 · APCA Lc 71
Ag
AA黑底
WCAG 4.65:1 · APCA Lc 31
最佳文字颜色: #000000
WCAG 4.65:1 (AA) · APCA Lc 31
Contrast pairs
代码片段
CSS
:root {
--go-go-green: #048672;
--go-go-green-rgb: 4 134 114;
--go-go-green-oklch: oklch(0.555 0.102 177.2);
}
.element {
color: var(--go-go-green);
background-color: hsl(171 94% 27%);
border-color: oklch(0.555 0.102 177.2);
}Tailwind CSS v4
@theme {
--color-go-go-green: #048672;
--color-go-go-green-50: #d7fff6;
--color-go-go-green-100: #c4f4e9;
--color-go-go-green-200: #a5e3d5;
--color-go-go-green-300: #7ac9b8;
--color-go-go-green-400: #51b29d;
--color-go-go-green-500: #109c85;
--color-go-go-green-600: #158471;
--color-go-go-green-700: #126a5a;
--color-go-go-green-800: #0c4e40;
--color-go-go-green-900: #08362c;
--color-go-go-green-950: #002119;
}SCSS
$go-go-green: #048672;
$go-go-green-rgb: 4, 134, 114;
$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);
}