最接近的命名颜色 · #8DB895
#8DB895
最接近的命名颜色: Neptune Green
#8DB895（rgb(141 184 149)、hsl(131 23% 64%)、oklch(0.742 0.068 150.1)）最接近命名颜色 Neptune Green。查看浅色调、深色调、和谐色、WCAG 与 APCA 对比度，以及 CSS、Tailwind v4 和 SCSS 代码。
#8DB895
oklch(0.742 0.068 150.1)
颜色转换
- HEX
- #8db895
- RGB
- rgb(141 184 149)
- HSL
- hsl(131 23% 64%)
- HWB
- hwb(131 55% 28%)
- OKLCH
- oklch(0.742 0.068 150.1)
- OKLab
- oklab(0.742 -0.059 0.034)
- CIE Lab
- lab(70.95 -20.24 12.97)
- LCH
- lch(70.95 24.04 147.4)
- CMYK
- cmyk(23% 0% 19% 28%)
浅色调 · 深色调 · 灰色调
浅色调
- 98BF9F
- A4C6AA
- AFCDB4
- BAD4BE
- C6DBC9
- D1E2D4
- DCE9DE
- E8F1E9
- F3F8F4
深色调
- 7AA081
- 67886D
- 55715A
- 445B48
- 334537
- 233126
- 141E16
- 070C08
- 010201
灰色调
- 8CB293
- 8BAD91
- 8AA78F
- 89A18D
- 879C8B
- 869689
- 859186
- 838B84
- 828682
配色和谐
互补色 +180°
- 8DB895
Neptune Green
- C59CC0
≈ Lupine
类似色 -30° +30°
- 8DB895
Neptune Green
- A5B282
≈ Fresh Guacamole
- 7ABAAD
≈ Mintnight
三角配色 +120° +240°
- 8DB895
Neptune Green
- 9BAAD7
≈ Aster Flower Blue
- D39C92
≈ Nectarine Spice
分裂互补色 +150° +210°
- 8DB895
Neptune Green
- B2A2D1
≈ Milky Lavender
- D09AA9
≈ Honey Pink
四角配色 +90° +180° +270°
- 8DB895
Neptune Green
- 84B2D2
≈ Blue Cuddle
- C59CC0
≈ Lupine
- CCA280
≈ Arbol de Tamarindo
对比度与无障碍
Ag
Fail白底
WCAG 2.22:1 · APCA Lc 44
Ag
AAA黑底
WCAG 9.42:1 · APCA Lc 58
最佳文字颜色: #000000
WCAG 9.42:1 (AAA) · APCA Lc 58
Contrast pairs
代码片段
CSS
:root {
--neptune-green: #8db895;
--neptune-green-rgb: 141 184 149;
--neptune-green-oklch: oklch(0.742 0.068 150.1);
}
.element {
color: var(--neptune-green);
background-color: hsl(131 23% 64%);
border-color: oklch(0.742 0.068 150.1);
}Tailwind CSS v4
@theme {
--color-neptune-green: #8db895;
--color-neptune-green-50: #e8fbec;
--color-neptune-green-100: #d8efdd;
--color-neptune-green-200: #c0ddc6;
--color-neptune-green-300: #9ec2a7;
--color-neptune-green-400: #82aa89;
--color-neptune-green-500: #65936e;
--color-neptune-green-600: #567c5e;
--color-neptune-green-700: #44644b;
--color-neptune-green-800: #324935;
--color-neptune-green-900: #223324;
--color-neptune-green-950: #111e13;
}SCSS
$neptune-green: #8db895;
$neptune-green-rgb: 141, 184, 149;
$neptune-green-light: mix(#fff, $neptune-green, 20%);
$neptune-green-dark: mix(#000, $neptune-green, 20%);
.element {
color: $neptune-green;
box-shadow: 0 0 0 2px rgba($neptune-green, 0.35);
}