命名颜色 · #CBD0DD
Debonaire
Debonaire 即 #CBD0DD：rgb(203 208 221)、hsl(223 21% 83%)、oklch(0.858 0.019 269.1)。查看浅色调、深色调、和谐色、WCAG 与 APCA 对比度，以及 CSS、Tailwind v4 和 SCSS 代码。
What does Gray mean? → · Debonaire color name →
#CBD0DD
oklch(0.858 0.019 269.1)
颜色转换
- HEX
- #cbd0dd
- RGB
- rgb(203 208 221)
- HSL
- hsl(223 21% 83%)
- HWB
- hwb(223 80% 13%)
- OKLCH
- oklch(0.858 0.019 269.1)
- OKLab
- oklab(0.858 0 -0.019)
- CIE Lab
- lab(83.38 0.09 -7.08)
- LCH
- lch(83.38 7.08 270.7)
- CMYK
- cmyk(8% 6% 0% 13%)
浅色调 · 深色调 · 灰色调
浅色调
- D0D5E0
- D5D9E4
- DADEE7
- E0E3EB
- E5E7EE
- EAECF1
- EFF1F5
- F4F5F8
- FAFAFC
深色调
- B0B5C0
- 969AA4
- 7D8088
- 65676E
- 4D4F55
- 37393D
- 222326
- 0F1011
- 020202
灰色调
- C3C8D3
- BCBFCA
- B4B7C0
- ACAFB7
- A5A7AD
- 9D9FA4
- 96979B
- 8E8F92
- 878889
配色和谐
互补色 +180°
- CBD0DD
Debonaire
- D5D0C3
≈ Clay Beige
类似色 -30° +30°
- CBD0DD
Debonaire
- C6D2DB
≈ Memory Lane
- D2CEDB
≈ Lavender Sparkle
三角配色 +120° +240°
- CBD0DD
Debonaire
- DCCCC9
≈ Delirious Donkey
- C8D4CA
≈ Touch of Spring
分裂互补色 +150° +210°
- CBD0DD
Debonaire
- DACEC4
≈ Romantic White
- CFD2C5
≈ Particular Mint
四角配色 +90° +180° +270°
对比度与无障碍
Ag
Fail白底
WCAG 1.54:1 · APCA Lc 25
Ag
AAA黑底
WCAG 13.60:1 · APCA Lc 78
最佳文字颜色: #000000
WCAG 13.60:1 (AAA) · APCA Lc 78
Contrast pairs
代码片段
CSS
:root {
--debonaire: #cbd0dd;
--debonaire-rgb: 203 208 221;
--debonaire-oklch: oklch(0.858 0.019 269.1);
}
.element {
color: var(--debonaire);
background-color: hsl(223 21% 83%);
border-color: oklch(0.858 0.019 269.1);
}Tailwind CSS v4
@theme {
--color-debonaire: #cbd0dd;
--color-debonaire-50: #f3f5fb;
--color-debonaire-100: #e5e8ee;
--color-debonaire-200: #d1d4dd;
--color-debonaire-300: #b4b7c1;
--color-debonaire-400: #9a9eaa;
--color-debonaire-500: #818693;
--color-debonaire-600: #6d717c;
--color-debonaire-700: #575b64;
--color-debonaire-800: #3f4249;
--color-debonaire-900: #2c2e33;
--color-debonaire-950: #191b1e;
}SCSS
$debonaire: #cbd0dd;
$debonaire-rgb: 203, 208, 221;
$debonaire-light: mix(#fff, $debonaire, 20%);
$debonaire-dark: mix(#000, $debonaire, 20%);
.element {
color: $debonaire;
box-shadow: 0 0 0 2px rgba($debonaire, 0.35);
}