最接近的命名颜色 · #CBB3DC
#CBB3DC
最接近的命名颜色: Viking Diva
#CBB3DC（rgb(203 179 220)、hsl(275 37% 78%)、oklch(0.8 0.063 311.2)）最接近命名颜色 Viking Diva。查看浅色调、深色调、和谐色、WCAG 与 APCA 对比度，以及 CSS、Tailwind v4 和 SCSS 代码。
#CBB3DC
oklch(0.8 0.063 311.2)
颜色转换
- HEX
- #cbb3dc
- RGB
- rgb(203 179 220)
- HSL
- hsl(275 37% 78%)
- HWB
- hwb(275 70% 14%)
- OKLCH
- oklch(0.8 0.063 311.2)
- OKLab
- oklab(0.8 0.041 -0.047)
- CIE Lab
- lab(76.03 14.52 -17.41)
- LCH
- lch(76.03 22.67 309.8)
- CMYK
- cmyk(8% 19% 0% 14%)
浅色调 · 深色调 · 灰色调
浅色调
- D0BAE0
- D5C2E3
- DACAE7
- E0D1EA
- E5D9EE
- EAE0F1
- EFE8F5
- F4F0F8
- FAF7FC
深色调
- B09BBF
- 9684A3
- 7D6E88
- 65586E
- 4D4354
- 372F3C
- 221D26
- 0F0C11
- 020102
灰色调
- C3AED2
- BCA9C9
- B4A4C0
- AC9EB6
- A599AD
- 9D94A4
- 968F9B
- 8F8A92
- 878589
配色和谐
互补色 +180°
- CBB3DC
Viking Diva
- B0C79D
≈ Sheer Green
类似色 -30° +30°
- CBB3DC
Viking Diva
- B6BAE6
≈ Pretty Posie
- DBAFCA
≈ Pink Lavender
三角配色 +120° +240°
- CBB3DC
Viking Diva
- D8B892
≈ Nutmeg Glow
- 8ECBC8
≈ Tropical Holiday
分裂互补色 +150° +210°
- CBB3DC
Viking Diva
- C6C091
≈ Lime Peel
- 9BCBB1
≈ Mint Ice Cream
四角配色 +90° +180° +270°
- CBB3DC
Viking Diva
- E2B19F
≈ Pink Sand
- B0C79D
≈ Sheer Green
- 91C8DB
≈ Blue Glint
对比度与无障碍
Ag
Fail白底
WCAG 1.90:1 · APCA Lc 36
Ag
AAA黑底
WCAG 11.02:1 · APCA Lc 66
最佳文字颜色: #000000
WCAG 11.02:1 (AAA) · APCA Lc 66
Contrast pairs
代码片段
CSS
:root {
--viking-diva: #cbb3dc;
--viking-diva-rgb: 203 179 220;
--viking-diva-oklch: oklch(0.8 0.063 311.2);
}
.element {
color: var(--viking-diva);
background-color: hsl(275 37% 78%);
border-color: oklch(0.8 0.063 311.2);
}Tailwind CSS v4
@theme {
--color-viking-diva: #cbb3dc;
--color-viking-diva-50: #fcf0ff;
--color-viking-diva-100: #efe2f7;
--color-viking-diva-200: #decde8;
--color-viking-diva-300: #c3afcf;
--color-viking-diva-400: #aa94ba;
--color-viking-diva-500: #947ba5;
--color-viking-diva-600: #7d688b;
--color-viking-diva-700: #645370;
--color-viking-diva-800: #493d53;
--color-viking-diva-900: #322a3a;
--color-viking-diva-950: #1e1724;
}SCSS
$viking-diva: #cbb3dc;
$viking-diva-rgb: 203, 179, 220;
$viking-diva-light: mix(#fff, $viking-diva, 20%);
$viking-diva-dark: mix(#000, $viking-diva, 20%);
.element {
color: $viking-diva;
box-shadow: 0 0 0 2px rgba($viking-diva, 0.35);
}