最接近的命名颜色 · #00B665
#00B665
最接近的命名颜色: Green Mana
#00B665（rgb(0 182 101)、hsl(153 100% 36%)、oklch(0.681 0.172 154)）最接近命名颜色 Green Mana。查看浅色调、深色调、和谐色、WCAG 与 APCA 对比度，以及 CSS、Tailwind v4 和 SCSS 代码。
#00B665
oklch(0.681 0.172 154)
颜色转换
- HEX
- #00b665
- RGB
- rgb(0 182 101)
- HSL
- hsl(153 100% 36%)
- HWB
- hwb(153 0% 29%)
- OKLCH
- oklch(0.681 0.172 154)
- OKLab
- oklab(0.681 -0.154 0.075)
- CIE Lab
- lab(65.22 -54.71 29.75)
- LCH
- lch(65.22 62.28 151.5)
- CMYK
- cmyk(100% 0% 45% 29%)
浅色调 · 深色调 · 灰色调
浅色调
- 3EBE74
- 5CC584
- 74CD93
- 8AD4A2
- 9FDCB1
- B3E3C1
- C6EAD0
- D9F1E0
- ECF8EF
深色调
- 009E57
- 008649
- 006F3C
- 00592F
- 004422
- 003017
- 001D0C
- 000C03
- 000200
灰色调
- 2DB168
- 40AC6C
- 4DA66F
- 58A172
- 619C74
- 699677
- 709179
- 768B7C
- 7B867E
配色和谐
互补色 +180°
- 00B665
Green Mana
- D66BC4
≈ Pink Charge
类似色 -30° +30°
- 00B665
Green Mana
- 83A900
≈ Fresh Lawn
- 00B0A1
≈ Billiard
三角配色 +120° +240°
- 00B665
Green Mana
- 7A8DFF
≈ Lavender Blue Shadow
- EF694C
≈ Entan Red
分裂互补色 +150° +210°
- 00B665
Green Mana
- B079ED
≈ Queer Purple
- EB638C
≈ Jellyfish Sting
四角配色 +90° +180° +270°
对比度与无障碍
Ag
Fail白底
WCAG 2.66:1 · APCA Lc 51
Ag
AAA黑底
WCAG 7.87:1 · APCA Lc 51
最佳文字颜色: #000000
WCAG 7.87:1 (AAA) · APCA Lc 51
Contrast pairs
代码片段
CSS
:root {
--green-mana: #00b665;
--green-mana-rgb: 0 182 101;
--green-mana-oklch: oklch(0.681 0.172 154);
}
.element {
color: var(--green-mana);
background-color: hsl(153 100% 36%);
border-color: oklch(0.681 0.172 154);
}Tailwind CSS v4
@theme {
--color-green-mana: #00b665;
--color-green-mana-50: #ceffe1;
--color-green-mana-100: #b9fad0;
--color-green-mana-200: #95ebb6;
--color-green-mana-300: #63d192;
--color-green-mana-400: #2bbb6e;
--color-green-mana-500: #00a54c;
--color-green-mana-600: #008b41;
--color-green-mana-700: #007034;
--color-green-mana-800: #005222;
--color-green-mana-900: #003916;
--color-green-mana-950: #002307;
}SCSS
$green-mana: #00b665;
$green-mana-rgb: 0, 182, 101;
$green-mana-light: mix(#fff, $green-mana, 20%);
$green-mana-dark: mix(#000, $green-mana, 20%);
.element {
color: $green-mana;
box-shadow: 0 0 0 2px rgba($green-mana, 0.35);
}