最接近的命名颜色 · #D8BF8B
#D8BF8B
最接近的命名颜色: Vermicelles
#D8BF8B（rgb(216 191 139)、hsl(41 50% 70%)、oklch(0.814 0.074 85.1)）最接近命名颜色 Vermicelles。查看浅色调、深色调、和谐色、WCAG 与 APCA 对比度，以及 CSS、Tailwind v4 和 SCSS 代码。
#D8BF8B
oklch(0.814 0.074 85.1)
颜色转换
- HEX
- #d8bf8b
- RGB
- rgb(216 191 139)
- HSL
- hsl(41 50% 70%)
- HWB
- hwb(41 55% 15%)
- OKLCH
- oklch(0.814 0.074 85.1)
- OKLab
- oklab(0.814 0.006 0.074)
- CIE Lab
- lab(78.57 3.73 29.72)
- LCH
- lch(78.57 29.95 82.9)
- CMYK
- cmyk(0% 12% 36% 15%)
浅色调 · 深色调 · 灰色调
浅色调
- DCC597
- E0CCA2
- E4D2AE
- E8D9BA
- ECDFC5
- EFE5D1
- F3ECDC
- F7F2E8
- FBF9F3
深色调
- BCA678
- A08D66
- 857554
- 6B5E43
- 534832
- 3B3323
- 251F14
- 110D07
- 020201
灰色调
- CFB98A
- C6B28A
- BDAC89
- B4A688
- AB9F87
- A29986
- 9A9384
- 918C83
- 888682
配色和谐
互补色 +180°
- D8BF8B
Vermicelles
- ABC2F3
≈ Sky High
类似色 -30° +30°
- D8BF8B
Vermicelles
- E8B695
≈ Gentle Doe
- C0C891
≈ White Grape
三角配色 +120° +240°
- D8BF8B
Vermicelles
- 87D0D9
≈ Sky Watch
- DBB2DD
≈ Blushing Sky
分裂互补色 +150° +210°
- D8BF8B
Vermicelles
- 93CAEB
≈ Light Cornflower Blue
- C5B9ED
≈ Connecticut Lilac
四角配色 +90° +180° +270°
- D8BF8B
Vermicelles
- 8ED2BF
≈ Wintermint
- ABC2F3
≈ Sky High
- EAAFC4
≈ Pink Frenzy
对比度与无障碍
Ag
Fail白底
WCAG 1.78:1 · APCA Lc 33
Ag
AAA黑底
WCAG 11.74:1 · APCA Lc 70
最佳文字颜色: #000000
WCAG 11.74:1 (AAA) · APCA Lc 70
Contrast pairs
代码片段
CSS
:root {
--vermicelles: #d8bf8b;
--vermicelles-rgb: 216 191 139;
--vermicelles-oklch: oklch(0.814 0.074 85.1);
}
.element {
color: var(--vermicelles);
background-color: hsl(41 50% 70%);
border-color: oklch(0.814 0.074 85.1);
}Tailwind CSS v4
@theme {
--color-vermicelles: #d8bf8b;
--color-vermicelles-50: #fef4de;
--color-vermicelles-100: #f2e7cd;
--color-vermicelles-200: #e2d3b1;
--color-vermicelles-300: #c8b68c;
--color-vermicelles-400: #b29c6b;
--color-vermicelles-500: #9d824a;
--color-vermicelles-600: #846e40;
--color-vermicelles-700: #6a5833;
--color-vermicelles-800: #4f4023;
--color-vermicelles-900: #372c17;
--color-vermicelles-950: #221908;
}SCSS
$vermicelles: #d8bf8b;
$vermicelles-rgb: 216, 191, 139;
$vermicelles-light: mix(#fff, $vermicelles, 20%);
$vermicelles-dark: mix(#000, $vermicelles, 20%);
.element {
color: $vermicelles;
box-shadow: 0 0 0 2px rgba($vermicelles, 0.35);
}