最接近的命名颜色 · #CB7F92
#CB7F92
最接近的命名颜色: Devilish Diva
#CB7F92（rgb(203 127 146)、hsl(345 42% 65%)、oklch(0.681 0.097 3.7)）最接近命名颜色 Devilish Diva。查看浅色调、深色调、和谐色、WCAG 与 APCA 对比度，以及 CSS、Tailwind v4 和 SCSS 代码。
#CB7F92
oklch(0.681 0.097 3.7)
颜色转换
- HEX
- #cb7f92
- RGB
- rgb(203 127 146)
- HSL
- hsl(345 42% 65%)
- HWB
- hwb(345 50% 20%)
- OKLCH
- oklch(0.681 0.097 3.7)
- OKLab
- oklab(0.681 0.096 0.006)
- CIE Lab
- lab(61.86 32 2.81)
- LCH
- lch(61.86 32.13 5)
- CMYK
- cmyk(0% 37% 28% 20%)
浅色调 · 深色调 · 灰色调
浅色调
- D18C9C
- D798A7
- DDA5B2
- E2B2BC
- E7BEC7
- ECCBD2
- F1D8DD
- F6E5E8
- FBF2F4
深色调
- B06E7E
- 965D6B
- 7D4C58
- 653C46
- 4D2D35
- 371F25
- 221116
- 0F0608
- 020101
灰色调
- C47F90
- BD808E
- B5808D
- AE808B
- A78089
- 9F8187
- 988185
- 908084
- 888082
配色和谐
互补色 +180°
- CB7F92
Devilish Diva
- 46AC9F
≈ Ambrosial Oceanside
类似色 -30° +30°
- CB7F92
Devilish Diva
- BD82B2
≈ Drama Violet
- CD8271
≈ Fire Chalk
三角配色 +120° +240°
- CB7F92
Devilish Diva
- 8CA35E
≈ Zesty Apple
- 629FD0
≈ Picton Blue
分裂互补色 +150° +210°
- CB7F92
Devilish Diva
- 67AA7D
≈ Green Tea Candy
- 43A8BD
≈ Moonstone
四角配色 +90° +180° +270°
- CB7F92
Devilish Diva
- AD984E
≈ Spanish Gold
- 46AC9F
≈ Ambrosial Oceanside
- 8694D5
≈ Mystic Iris
对比度与无障碍
Ag
Fail白底
WCAG 3.00:1 · APCA Lc 57
Ag
AA黑底
WCAG 6.99:1 · APCA Lc 45
最佳文字颜色: #000000
WCAG 6.99:1 (AA) · APCA Lc 45
Contrast pairs
代码片段
CSS
:root {
--devilish-diva: #cb7f92;
--devilish-diva-rgb: 203 127 146;
--devilish-diva-oklch: oklch(0.681 0.097 3.7);
}
.element {
color: var(--devilish-diva);
background-color: hsl(345 42% 65%);
border-color: oklch(0.681 0.097 3.7);
}Tailwind CSS v4
@theme {
--color-devilish-diva: #cb7f92;
--color-devilish-diva-50: #ffeaf1;
--color-devilish-diva-100: #ffdbe3;
--color-devilish-diva-200: #fac4ce;
--color-devilish-diva-300: #e3a3b0;
--color-devilish-diva-400: #cf8698;
--color-devilish-diva-500: #bb6a7f;
--color-devilish-diva-600: #9e5a6c;
--color-devilish-diva-700: #7f4856;
--color-devilish-diva-800: #5e3340;
--color-devilish-diva-900: #42232c;
--color-devilish-diva-950: #2a1219;
}SCSS
$devilish-diva: #cb7f92;
$devilish-diva-rgb: 203, 127, 146;
$devilish-diva-light: mix(#fff, $devilish-diva, 20%);
$devilish-diva-dark: mix(#000, $devilish-diva, 20%);
.element {
color: $devilish-diva;
box-shadow: 0 0 0 2px rgba($devilish-diva, 0.35);
}