最接近的命名颜色 · #D6CF99
#D6CF99
最接近的命名颜色: Court-Bouillon
#D6CF99（rgb(214 207 153)、hsl(53 43% 72%)、oklch(0.847 0.071 101.6)）最接近命名颜色 Court-Bouillon。查看浅色调、深色调、和谐色、WCAG 与 APCA 对比度，以及 CSS、Tailwind v4 和 SCSS 代码。
#D6CF99
oklch(0.847 0.071 101.6)
颜色转换
- HEX
- #d6cf99
- RGB
- rgb(214 207 153)
- HSL
- hsl(53 43% 72%)
- HWB
- hwb(53 60% 16%)
- OKLCH
- oklch(0.847 0.071 101.6)
- OKLab
- oklab(0.847 -0.014 0.07)
- CIE Lab
- lab(82.71 -3.64 27.86)
- LCH
- lch(82.71 28.1 97.4)
- CMYK
- cmyk(0% 3% 29% 16%)
浅色调 · 深色调 · 灰色调
浅色调
- DAD4A3
- DED9AE
- E2DDB8
- E6E2C2
- EAE7CC
- EEECD6
- F2F1E1
- F7F5EB
- FBFAF5
深色调
- BAB484
- 9E9970
- 847F5D
- 6A674A
- 524F38
- 3B3827
- 252317
- 101008
- 020201
灰色调
- CDC797
- C4BF95
- BBB792
- B3AF90
- AAA78D
- A19F8B
- 999788
- 908F86
- 888883
配色和谐
互补色 +180°
- D6CF99
Court-Bouillon
- C4C8FB
≈ Light Periwinkle
类似色 -30° +30°
- D6CF99
Court-Bouillon
- EBC69A
≈ Golden City Moon
- BCD7A7
≈ Apple Cream
三角配色 +120° +240°
- D6CF99
Court-Bouillon
- 98D8EE
≈ Jodhpur Blue
- EEBBDA
≈ Rosecco
分裂互补色 +150° +210°
- D6CF99
Court-Bouillon
- ABD1FB
≈ Ice Cold Stare
- DCC0EF
≈ Beefy Pink
四角配色 +90° +180° +270°
- D6CF99
Court-Bouillon
- 95DCD8
≈ Limpet Shell
- C4C8FB
≈ Light Periwinkle
- F7BAC1
≈ Petals Unfolding
对比度与无障碍
Ag
Fail白底
WCAG 1.58:1 · APCA Lc 27
Ag
AAA黑底
WCAG 13.24:1 · APCA Lc 76
最佳文字颜色: #000000
WCAG 13.24:1 (AAA) · APCA Lc 76
Contrast pairs
代码片段
CSS
:root {
--court-bouillon: #d6cf99;
--court-bouillon-rgb: 214 207 153;
--court-bouillon-oklch: oklch(0.847 0.071 101.6);
}
.element {
color: var(--court-bouillon);
background-color: hsl(53 43% 72%);
border-color: oklch(0.847 0.071 101.6);
}Tailwind CSS v4
@theme {
--color-court-bouillon: #d6cf99;
--color-court-bouillon-50: #f8f7df;
--color-court-bouillon-100: #ece9cf;
--color-court-bouillon-200: #d9d6b4;
--color-court-bouillon-300: #bdba90;
--color-court-bouillon-400: #a7a06f;
--color-court-bouillon-500: #90884e;
--color-court-bouillon-600: #7a7343;
--color-court-bouillon-700: #615c35;
--color-court-bouillon-800: #484325;
--color-court-bouillon-900: #322e19;
--color-court-bouillon-950: #1e1b09;
}SCSS
$court-bouillon: #d6cf99;
$court-bouillon-rgb: 214, 207, 153;
$court-bouillon-light: mix(#fff, $court-bouillon, 20%);
$court-bouillon-dark: mix(#000, $court-bouillon, 20%);
.element {
color: $court-bouillon;
box-shadow: 0 0 0 2px rgba($court-bouillon, 0.35);
}