命名颜色 · #DEC7CF
Kellie Belle
Kellie Belle 即 #DEC7CF：rgb(222 199 207)、hsl(339 26% 83%)、oklch(0.851 0.028 354.6)。查看浅色调、深色调、和谐色、WCAG 与 APCA 对比度，以及 CSS、Tailwind v4 和 SCSS 代码。
What does Gray mean? → · Kellie Belle color name →
#DEC7CF
oklch(0.851 0.028 354.6)
颜色转换
- HEX
- #dec7cf
- RGB
- rgb(222 199 207)
- HSL
- hsl(339 26% 83%)
- HWB
- hwb(339 78% 13%)
- OKLCH
- oklch(0.851 0.028 354.6)
- OKLab
- oklab(0.851 0.028 -0.003)
- CIE Lab
- lab(82.37 9.35 -0.9)
- LCH
- lch(82.37 9.39 354.5)
- CMYK
- cmyk(0% 10% 7% 13%)
浅色调 · 深色调 · 灰色调
浅色调
- E1CDD4
- E5D2D8
- E8D8DD
- EBDDE2
- EFE3E7
- F2E8EC
- F5EEF0
- F8F4F5
- FCF9FA
深色调
- C1ADB4
- A59399
- 897A7F
- 6F6267
- 554C4F
- 3D3638
- 262123
- 120E10
- 020202
灰色调
- D4C0C7
- CBB8BF
- C1B1B7
- B7AAAF
- AEA3A7
- A59C9F
- 9B9597
- 928E8F
- 898788
配色和谐
互补色 +180°
- DEC7CF
Kellie Belle
- BCD4CD
≈ Quaver
类似色 -30° +30°
- DEC7CF
Kellie Belle
- D8C8D8
≈ Shy Violet
- E0C8C5
≈ Pink Water
三角配色 +120° +240°
- DEC7CF
Kellie Belle
- CDD1BC
≈ Garlic Suede
- BDD2DE
≈ Two Harbours
分裂互补色 +150° +210°
- DEC7CF
Kellie Belle
- C3D3C3
≈ Juniper Mist
- BAD4D7
≈ Rhythmic Blue
四角配色 +90° +180° +270°
- DEC7CF
Kellie Belle
- D7CDBA
≈ Perfect Crust
- BCD4CD
≈ Quaver
- C5CEE1
≈ Lilac Bisque
对比度与无障碍
Ag
Fail白底
WCAG 1.59:1 · APCA Lc 27
Ag
AAA黑底
WCAG 13.17:1 · APCA Lc 76
最佳文字颜色: #000000
WCAG 13.17:1 (AAA) · APCA Lc 76
Contrast pairs
代码片段
CSS
:root {
--kellie-belle: #dec7cf;
--kellie-belle-rgb: 222 199 207;
--kellie-belle-oklch: oklch(0.851 0.028 354.6);
}
.element {
color: var(--kellie-belle);
background-color: hsl(339 26% 83%);
border-color: oklch(0.851 0.028 354.6);
}Tailwind CSS v4
@theme {
--color-kellie-belle: #dec7cf;
--color-kellie-belle-50: #fcf2f5;
--color-kellie-belle-100: #f0e4e8;
--color-kellie-belle-200: #dfd0d4;
--color-kellie-belle-300: #c4b2b8;
--color-kellie-belle-400: #ad989f;
--color-kellie-belle-500: #967f87;
--color-kellie-belle-600: #7f6b72;
--color-kellie-belle-700: #66565b;
--color-kellie-belle-800: #4a3f43;
--color-kellie-belle-900: #342b2e;
--color-kellie-belle-950: #1f181b;
}SCSS
$kellie-belle: #dec7cf;
$kellie-belle-rgb: 222, 199, 207;
$kellie-belle-light: mix(#fff, $kellie-belle, 20%);
$kellie-belle-dark: mix(#000, $kellie-belle, 20%);
.element {
color: $kellie-belle;
box-shadow: 0 0 0 2px rgba($kellie-belle, 0.35);
}