最接近的命名颜色 · #00A47C
#00A47C
最接近的命名颜色: Herbal
#00A47C（rgb(0 164 124)、hsl(165 100% 32%)、oklch(0.638 0.13 167.8)）最接近命名颜色 Herbal。查看浅色调、深色调、和谐色、WCAG 与 APCA 对比度，以及 CSS、Tailwind v4 和 SCSS 代码。
#00A47C
oklch(0.638 0.13 167.8)
颜色转换
- HEX
- #00a47c
- RGB
- rgb(0 164 124)
- HSL
- hsl(165 100% 32%)
- HWB
- hwb(165 0% 36%)
- OKLCH
- oklch(0.638 0.13 167.8)
- OKLab
- oklab(0.638 -0.127 0.027)
- CIE Lab
- lab(59.74 -45.11 10.19)
- LCH
- lch(59.74 46.24 167.3)
- CMYK
- cmyk(100% 0% 24% 36%)
浅色调 · 深色调 · 灰色调
浅色调
- 3BAD88
- 58B695
- 70C0A2
- 86C9AF
- 9BD2BC
- B0DBC9
- C4E4D6
- D8EDE4
- EBF6F1
深色调
- 008E6B
- 00795A
- 00644A
- 00503B
- 003D2C
- 002B1E
- 001A11
- 000A05
- 000101
灰色调
- 2AA17C
- 3C9D7D
- 4A9A7D
- 55967E
- 5E937E
- 668F7F
- 6D8B7F
- 74887F
- 7A8480
配色和谐
互补色 +180°
- 00A47C
Herbal
- C4689A
≈ Nocturnal Rose
类似色 -30° +30°
- 00A47C
Herbal
- 639E4C
≈ Flat Green
- 009FA3
≈ Pleasant Stream
三角配色 +120° +240°
- 00A47C
Herbal
- 887DD5
≈ Indigo Bloom
- CA703F
≈ Hot Caramel
分裂互补色 +150° +210°
- 00A47C
Herbal
- AC71BE
≈ Soft Purple
- CE686E
≈ Strawberry Wine
四角配色 +90° +180° +270°
对比度与无障碍
Ag
Fail白底
WCAG 3.18:1 · APCA Lc 58
Ag
AA黑底
WCAG 6.60:1 · APCA Lc 43
最佳文字颜色: #000000
WCAG 6.60:1 (AA) · APCA Lc 43
Contrast pairs
代码片段
CSS
:root {
--herbal: #00a47c;
--herbal-rgb: 0 164 124;
--herbal-oklch: oklch(0.638 0.13 167.8);
}
.element {
color: var(--herbal);
background-color: hsl(165 100% 32%);
border-color: oklch(0.638 0.13 167.8);
}Tailwind CSS v4
@theme {
--color-herbal: #00a47c;
--color-herbal-50: #d2ffef;
--color-herbal-100: #bef7e1;
--color-herbal-200: #9be7cc;
--color-herbal-300: #6ccdad;
--color-herbal-400: #3bb78f;
--color-herbal-500: #00a075;
--color-herbal-600: #008863;
--color-herbal-700: #006d4f;
--color-herbal-800: #005038;
--color-herbal-900: #003826;
--color-herbal-950: #002214;
}SCSS
$herbal: #00a47c;
$herbal-rgb: 0, 164, 124;
$herbal-light: mix(#fff, $herbal, 20%);
$herbal-dark: mix(#000, $herbal, 20%);
.element {
color: $herbal;
box-shadow: 0 0 0 2px rgba($herbal, 0.35);
}