最接近的命名颜色 · #CEA38C
#CEA38C
最接近的命名颜色: Cashmere Clay
#CEA38C（rgb(206 163 140)、hsl(21 40% 68%)、oklch(0.749 0.06 49.5)）最接近命名颜色 Cashmere Clay。查看浅色调、深色调、和谐色、WCAG 与 APCA 对比度，以及 CSS、Tailwind v4 和 SCSS 代码。
#CEA38C
oklch(0.749 0.06 49.5)
颜色转换
- HEX
- #cea38c
- RGB
- rgb(206 163 140)
- HSL
- hsl(21 40% 68%)
- HWB
- hwb(21 55% 19%)
- OKLCH
- oklch(0.749 0.06 49.5)
- OKLab
- oklab(0.749 0.039 0.046)
- CIE Lab
- lab(70.58 13.99 18.36)
- LCH
- lch(70.58 23.08 52.7)
- CMYK
- cmyk(0% 21% 32% 19%)
浅色调 · 深色调 · 灰色调
浅色调
- D3AC97
- D8B5A2
- DDBEAE
- E2C7B9
- E7D0C5
- ECDAD0
- F1E3DC
- F6ECE7
- FAF6F3
深色调
- B38D79
- 987867
- 7F6355
- 664F43
- 4E3C33
- 382A23
- 231914
- 0F0A07
- 020101
灰色调
- C6A08B
- BE9C8A
- B69989
- AF9588
- A79286
- 9F8E85
- 978B84
- 8F8783
- 888481
配色和谐
互补色 +180°
- CEA38C
Cashmere Clay
- 86B5CD
≈ Batch Blue
类似色 -30° +30°
- CEA38C
Cashmere Clay
- D19F9E
≈ Sakura Mochi
- C2AA82
≈ Pony
三角配色 +120° +240°
- CEA38C
Cashmere Clay
- 87BAA7
≈ Patina Hue
- ACA8D2
≈ Monastic
分裂互补色 +150° +210°
- CEA38C
Cashmere Clay
- 7FBABC
≈ Coastal Fringe
- 97AFD4
≈ Lazy Day
四角配色 +90° +180° +270°
- CEA38C
Cashmere Clay
- 9AB793
≈ Brookview
- 86B5CD
≈ Batch Blue
- BFA2C6
≈ Pale Grape
对比度与无障碍
Ag
Fail白底
WCAG 2.27:1 · APCA Lc 45
Ag
AAA黑底
WCAG 9.24:1 · APCA Lc 57
最佳文字颜色: #000000
WCAG 9.24:1 (AAA) · APCA Lc 57
Contrast pairs
代码片段
CSS
:root {
--cashmere-clay: #cea38c;
--cashmere-clay-rgb: 206 163 140;
--cashmere-clay-oklch: oklch(0.749 0.06 49.5);
}
.element {
color: var(--cashmere-clay);
background-color: hsl(21 40% 68%);
border-color: oklch(0.749 0.06 49.5);
}Tailwind CSS v4
@theme {
--color-cashmere-clay: #cea38c;
--color-cashmere-clay-50: #fff1e6;
--color-cashmere-clay-100: #f9e3d6;
--color-cashmere-clay-200: #eacebd;
--color-cashmere-clay-300: #d1af9c;
--color-cashmere-clay-400: #bd947f;
--color-cashmere-clay-500: #a77b62;
--color-cashmere-clay-600: #8e6854;
--color-cashmere-clay-700: #715343;
--color-cashmere-clay-800: #543c30;
--color-cashmere-clay-900: #3b2921;
--color-cashmere-clay-950: #251710;
}SCSS
$cashmere-clay: #cea38c;
$cashmere-clay-rgb: 206, 163, 140;
$cashmere-clay-light: mix(#fff, $cashmere-clay, 20%);
$cashmere-clay-dark: mix(#000, $cashmere-clay, 20%);
.element {
color: $cashmere-clay;
box-shadow: 0 0 0 2px rgba($cashmere-clay, 0.35);
}