命名颜色 · #CED0DB
Simplicity
Simplicity 即 #CED0DB：rgb(206 208 219)、hsl(231 15% 83%)、oklch(0.859 0.015 277.8)。查看浅色调、深色调、和谐色、WCAG 与 APCA 对比度，以及 CSS、Tailwind v4 和 SCSS 代码。
What does Gray mean? → · Simplicity color name →
#CED0DB
oklch(0.859 0.015 277.8)
颜色转换
- HEX
- #ced0db
- RGB
- rgb(206 208 219)
- HSL
- hsl(231 15% 83%)
- HWB
- hwb(231 81% 14%)
- OKLCH
- oklch(0.859 0.015 277.8)
- OKLab
- oklab(0.859 0.002 -0.015)
- CIE Lab
- lab(83.57 0.84 -5.71)
- LCH
- lch(83.57 5.77 278.3)
- CMYK
- cmyk(6% 5% 0% 14%)
浅色调 · 深色调 · 灰色调
浅色调
- D3D5DF
- D8D9E2
- DCDEE6
- E1E3E9
- E6E7ED
- EBECF1
- F0F1F4
- F5F5F8
- FAFAFB
深色调
- B3B5BE
- 989AA2
- 7F8087
- 66676D
- 4E4F54
- 38393C
- 232326
- 0F1011
- 020202
灰色调
- C6C8D2
- BEBFC8
- B6B7BF
- AEAFB6
- A6A7AC
- 9E9FA3
- 97979A
- 8F8F91
- 878889
配色和谐
互补色 +180°
- CED0DB
Simplicity
- D3D1C6
≈ Power Lunch
类似色 -30° +30°
- CED0DB
Simplicity
- C9D2DB
≈ Light Stargate
- D3CED9
≈ Jam Session
三角配色 +120° +240°
- CED0DB
Simplicity
- DACECA
≈ Brook Trout
- C9D4CD
≈ Touch of Spring
分裂互补色 +150° +210°
- CED0DB
Simplicity
- D8CFC6
≈ Mink Frost
- CED3C8
≈ Quiet Mint
四角配色 +90° +180° +270°
- CED0DB
Simplicity
- DACDCF
≈ Shinkansen White
- D3D1C6
≈ Power Lunch
- C6D4D2
≈ Sky Splash
对比度与无障碍
Ag
Fail白底
WCAG 1.53:1 · APCA Lc 25
Ag
AAA黑底
WCAG 13.66:1 · APCA Lc 78
最佳文字颜色: #000000
WCAG 13.66:1 (AAA) · APCA Lc 78
Contrast pairs
代码片段
CSS
:root {
--simplicity: #ced0db;
--simplicity-rgb: 206 208 219;
--simplicity-oklch: oklch(0.859 0.015 277.8);
}
.element {
color: var(--simplicity);
background-color: hsl(231 15% 83%);
border-color: oklch(0.859 0.015 277.8);
}Tailwind CSS v4
@theme {
--color-simplicity: #ced0db;
--color-simplicity-50: #f4f5fa;
--color-simplicity-100: #e7e7ed;
--color-simplicity-200: #d3d4db;
--color-simplicity-300: #b5b7bf;
--color-simplicity-400: #9c9ea8;
--color-simplicity-500: #838591;
--color-simplicity-600: #6f717a;
--color-simplicity-700: #595a62;
--color-simplicity-800: #414248;
--color-simplicity-900: #2d2e32;
--color-simplicity-950: #1a1a1e;
}SCSS
$simplicity: #ced0db;
$simplicity-rgb: 206, 208, 219;
$simplicity-light: mix(#fff, $simplicity, 20%);
$simplicity-dark: mix(#000, $simplicity, 20%);
.element {
color: $simplicity;
box-shadow: 0 0 0 2px rgba($simplicity, 0.35);
}