命名颜色 · #D3CFBF
Turnstone
Turnstone 即 #D3CFBF：rgb(211 207 191)、hsl(48 19% 79%)、oklch(0.853 0.022 95.3)。查看浅色调、深色调、和谐色、WCAG 与 APCA 对比度，以及 CSS、Tailwind v4 和 SCSS 代码。
What does Gray mean? → · Turnstone color name →
#D3CFBF
oklch(0.853 0.022 95.3)
颜色转换
- HEX
- #d3cfbf
- RGB
- rgb(211 207 191)
- HSL
- hsl(48 19% 79%)
- HWB
- hwb(48 75% 17%)
- OKLCH
- oklch(0.853 0.022 95.3)
- OKLab
- oklab(0.853 -0.002 0.022)
- CIE Lab
- lab(83.12 -0.62 8.5)
- LCH
- lch(83.12 8.52 94.2)
- CMYK
- cmyk(0% 2% 9% 17%)
浅色调 · 深色调 · 灰色调
浅色调
- D7D4C5
- DCD8CC
- E0DDD2
- E4E2D8
- E9E7DF
- EDECE5
- F2F0EC
- F6F5F2
- FBFAF8
深色调
- B7B4A6
- 9C998D
- 827F75
- 69675E
- 514F48
- 3A3833
- 24231F
- 10100D
- 020202
灰色调
- CAC7B9
- C2BFB2
- B9B7AC
- B1AFA5
- A9A79F
- A09F99
- 989792
- 908F8C
- 888886
配色和谐
互补色 +180°
- D3CFBF
Turnstone
- CACEDE
≈ Pale Shale
类似色 -30° +30°
- D3CFBF
Turnstone
- D9CCC0
≈ Bermuda Sand
- CBD2C2
≈ Iced Aniseed
三角配色 +120° +240°
- D3CFBF
Turnstone
- BFD3D8
≈ Light Pure Blue
- D9CAD5
≈ Purple Cream
分裂互补色 +150° +210°
- D3CFBF
Turnstone
- C3D1DD
≈ Saltwater
- D2CBDB
≈ Kundalini Bliss
四角配色 +90° +180° +270°
对比度与无障碍
Ag
Fail白底
WCAG 1.56:1 · APCA Lc 26
Ag
AAA黑底
WCAG 13.44:1 · APCA Lc 77
最佳文字颜色: #000000
WCAG 13.44:1 (AAA) · APCA Lc 77
Contrast pairs
代码片段
CSS
:root {
--turnstone: #d3cfbf;
--turnstone-rgb: 211 207 191;
--turnstone-oklch: oklch(0.853 0.022 95.3);
}
.element {
color: var(--turnstone);
background-color: hsl(48 19% 79%);
border-color: oklch(0.853 0.022 95.3);
}Tailwind CSS v4
@theme {
--color-turnstone: #d3cfbf;
--color-turnstone-50: #f7f5ee;
--color-turnstone-100: #eae8e0;
--color-turnstone-200: #d7d4ca;
--color-turnstone-300: #bab8ab;
--color-turnstone-400: #a29f90;
--color-turnstone-500: #8a8676;
--color-turnstone-600: #757264;
--color-turnstone-700: #5e5b50;
--color-turnstone-800: #45423a;
--color-turnstone-900: #302e28;
--color-turnstone-950: #1c1b16;
}SCSS
$turnstone: #d3cfbf;
$turnstone-rgb: 211, 207, 191;
$turnstone-light: mix(#fff, $turnstone, 20%);
$turnstone-dark: mix(#000, $turnstone, 20%);
.element {
color: $turnstone;
box-shadow: 0 0 0 2px rgba($turnstone, 0.35);
}