命名颜色 · #DAD1C8
Jodhpur Tan
Jodhpur Tan 即 #DAD1C8：rgb(218 209 200)、hsl(30 20% 82%)、oklch(0.865 0.016 67.6)。查看浅色调、深色调、和谐色、WCAG 与 APCA 对比度，以及 CSS、Tailwind v4 和 SCSS 代码。
What does Gray mean? → · Jodhpur Tan color name →
#DAD1C8
oklch(0.865 0.016 67.6)
颜色转换
- HEX
- #dad1c8
- RGB
- rgb(218 209 200)
- HSL
- hsl(30 20% 82%)
- HWB
- hwb(30 78% 15%)
- OKLCH
- oklch(0.865 0.016 67.6)
- OKLab
- oklab(0.865 0.006 0.015)
- CIE Lab
- lab(84.39 2.06 5.64)
- LCH
- lch(84.39 6.01 69.9)
- CMYK
- cmyk(0% 4% 8% 15%)
浅色调 · 深色调 · 灰色调
浅色调
- DED6CD
- E1DAD3
- E5DFD8
- E9E3DE
- ECE8E3
- F0ECE9
- F4F1EE
- F8F6F4
- FBFAF9
深色调
- BDB5AE
- A29B94
- 87817B
- 6C6863
- 54504C
- 3C3936
- 252321
- 11100F
- 020202
灰色调
- D1C9C1
- C7C0B9
- BEB8B2
- B5B0AB
- ACA8A3
- A3A09C
- 9A9895
- 91908E
- 898887
配色和谐
互补色 +180°
- DAD1C8
Jodhpur Tan
- CBD4DD
≈ Ephemeral Blue
类似色 -30° +30°
- DAD1C8
Jodhpur Tan
- DDCFCB
≈ Pearls & Lace
- D5D3C7
≈ Barest Hush
三角配色 +120° +240°
- DAD1C8
Jodhpur Tan
- C8D6D4
≈ Blue Lullaby
- D5D0DB
≈ Iron Maiden
分裂互补色 +150° +210°
- DAD1C8
Jodhpur Tan
- C8D5DA
≈ Ice Rink Blue
- D0D2DD
≈ Light Horizon Sky
四角配色 +90° +180° +270°
- DAD1C8
Jodhpur Tan
- CBD6CF
≈ Sprout Green
- CBD4DD
≈ Ephemeral Blue
- DACFD6
≈ Stardust Ballroom
对比度与无障碍
Ag
Fail白底
WCAG 1.50:1 · APCA Lc 24
Ag
AAA黑底
WCAG 13.93:1 · APCA Lc 79
最佳文字颜色: #000000
WCAG 13.93:1 (AAA) · APCA Lc 79
Contrast pairs
代码片段
CSS
:root {
--jodhpur-tan: #dad1c8;
--jodhpur-tan-rgb: 218 209 200;
--jodhpur-tan-oklch: oklch(0.865 0.016 67.6);
}
.element {
color: var(--jodhpur-tan);
background-color: hsl(30 20% 82%);
border-color: oklch(0.865 0.016 67.6);
}Tailwind CSS v4
@theme {
--color-jodhpur-tan: #dad1c8;
--color-jodhpur-tan-50: #f8f4f0;
--color-jodhpur-tan-100: #ebe7e2;
--color-jodhpur-tan-200: #d9d3cd;
--color-jodhpur-tan-300: #bdb6af;
--color-jodhpur-tan-400: #a59d95;
--color-jodhpur-tan-500: #8d847b;
--color-jodhpur-tan-600: #787068;
--color-jodhpur-tan-700: #605a53;
--color-jodhpur-tan-800: #46413d;
--color-jodhpur-tan-900: #312d2a;
--color-jodhpur-tan-950: #1d1a17;
}SCSS
$jodhpur-tan: #dad1c8;
$jodhpur-tan-rgb: 218, 209, 200;
$jodhpur-tan-light: mix(#fff, $jodhpur-tan, 20%);
$jodhpur-tan-dark: mix(#000, $jodhpur-tan, 20%);
.element {
color: $jodhpur-tan;
box-shadow: 0 0 0 2px rgba($jodhpur-tan, 0.35);
}