最接近的命名颜色 · #A6D7BF
#A6D7BF
最接近的命名颜色: Quiet Jade
#A6D7BF（rgb(166 215 191)、hsl(151 38% 75%)、oklch(0.838 0.061 163.6)）最接近命名颜色 Quiet Jade。查看浅色调、深色调、和谐色、WCAG 与 APCA 对比度，以及 CSS、Tailwind v4 和 SCSS 代码。
#A6D7BF
oklch(0.838 0.061 163.6)
颜色转换
- HEX
- #a6d7bf
- RGB
- rgb(166 215 191)
- HSL
- hsl(151 38% 75%)
- HWB
- hwb(151 65% 16%)
- OKLCH
- oklch(0.838 0.061 163.6)
- OKLab
- oklab(0.838 -0.059 0.017)
- CIE Lab
- lab(82.03 -20.18 6.43)
- LCH
- lch(82.03 21.18 162.3)
- CMYK
- cmyk(23% 0% 11% 16%)
浅色调 · 深色调 · 灰色调
浅色调
- AFDBC5
- B8DFCC
- C1E3D2
- CAE7D8
- D3EBDF
- DCEFE5
- E5F3EB
- EDF7F2
- F6FBF8
深色调
- 90BBA6
- 7A9F8D
- 658575
- 516B5E
- 3E5248
- 2B3B33
- 1A251F
- 0A110D
- 010202
灰色调
- A2CEB9
- 9FC5B2
- 9BBCAC
- 97B3A5
- 94AB9F
- 90A299
- 8C9992
- 88918C
- 848886
配色和谐
互补色 +180°
- A6D7BF
Quiet Jade
- E8BBD4
≈ Child’s Play
类似色 -30° +30°
- A6D7BF
Quiet Jade
- BAD3AB
≈ Jaded Lime
- 9BD7D5
≈ Shallow Shoal
三角配色 +120° +240°
- A6D7BF
Quiet Jade
- C4C5F1
≈ Violet Gems
- EDBEAA
≈ Veronese Peach
分裂互补色 +150° +210°
- A6D7BF
Quiet Jade
- D8BFE7
≈ York Plum
- EFBABE
≈ Purple Thorn
四角配色 +90° +180° +270°
- A6D7BF
Quiet Jade
- AFCDF2
≈ Alphabet Blue
- E8BBD4
≈ Child’s Play
- E2C59E
≈ Faint Fawn
对比度与无障碍
Ag
Fail白底
WCAG 1.60:1 · APCA Lc 27
Ag
AAA黑底
WCAG 13.09:1 · APCA Lc 76
最佳文字颜色: #000000
WCAG 13.09:1 (AAA) · APCA Lc 76
Contrast pairs
代码片段
CSS
:root {
--quiet-jade: #a6d7bf;
--quiet-jade-rgb: 166 215 191;
--quiet-jade-oklch: oklch(0.838 0.061 163.6);
}
.element {
color: var(--quiet-jade);
background-color: hsl(151 38% 75%);
border-color: oklch(0.838 0.061 163.6);
}Tailwind CSS v4
@theme {
--color-quiet-jade: #a6d7bf;
--color-quiet-jade-50: #e6fbf1;
--color-quiet-jade-100: #d6efe3;
--color-quiet-jade-200: #bdddce;
--color-quiet-jade-300: #9bc2b0;
--color-quiet-jade-400: #7daa94;
--color-quiet-jade-500: #5f937b;
--color-quiet-jade-600: #517d68;
--color-quiet-jade-700: #416453;
--color-quiet-jade-800: #2f493c;
--color-quiet-jade-900: #203329;
--color-quiet-jade-950: #0f1e17;
}SCSS
$quiet-jade: #a6d7bf;
$quiet-jade-rgb: 166, 215, 191;
$quiet-jade-light: mix(#fff, $quiet-jade, 20%);
$quiet-jade-dark: mix(#000, $quiet-jade, 20%);
.element {
color: $quiet-jade;
box-shadow: 0 0 0 2px rgba($quiet-jade, 0.35);
}