最接近的命名颜色 · #CB99BB
#CB99BB
最接近的命名颜色: Sweet Perfume
#CB99BB（rgb(203 153 187)、hsl(319 32% 70%)、oklch(0.74 0.075 338.6)）最接近命名颜色 Sweet Perfume。查看浅色调、深色调、和谐色、WCAG 与 APCA 对比度，以及 CSS、Tailwind v4 和 SCSS 代码。
#CB99BB
oklch(0.74 0.075 338.6)
颜色转换
- HEX
- #cb99bb
- RGB
- rgb(203 153 187)
- HSL
- hsl(319 32% 70%)
- HWB
- hwb(319 60% 20%)
- OKLCH
- oklch(0.74 0.075 338.6)
- OKLab
- oklab(0.74 0.07 -0.027)
- CIE Lab
- lab(68.85 23.3 -10.04)
- LCH
- lch(68.85 25.37 336.7)
- CMYK
- cmyk(0% 25% 8% 20%)
浅色调 · 深色调 · 灰色调
浅色调
- D0A3C2
- D6ADC8
- DBB7CF
- E1C1D6
- E6CBDD
- EBD6E3
- F0E0EA
- F5EAF1
- FAF5F8
深色调
- B084A2
- 96708A
- 7D5D73
- 654A5C
- 4D3846
- 372732
- 22171F
- 0F080D
- 020102
灰色调
- C397B5
- BC94AF
- B492A9
- AD8FA3
- A58D9D
- 9E8A97
- 968891
- 8F858C
- 888386
配色和谐
互补色 +180°
- CB99BB
Sweet Perfume
- 82BA9A
≈ Neptune Green
类似色 -30° +30°
- CB99BB
Sweet Perfume
- B89FCF
≈ Purple Premiere
- D598A1
≈ Parrot Pink
三角配色 +120° +240°
- CB99BB
Sweet Perfume
- B7AC75
≈ Heavy Goldbrown
- 72B7CB
≈ Blue Brocade
分裂互补色 +150° +210°
- CB99BB
Sweet Perfume
- 9DB582
≈ Mesclun Green
- 71BBB4
≈ Earth Eclipse
四角配色 +90° +180° +270°
- CB99BB
Sweet Perfume
- CAA377
≈ Golden Thistle Yellow
- 82BA9A
≈ Neptune Green
- 86AFD8
≈ Boo Blue
对比度与无障碍
Ag
Fail白底
WCAG 2.38:1 · APCA Lc 47
Ag
AAA黑底
WCAG 8.81:1 · APCA Lc 55
最佳文字颜色: #000000
WCAG 8.81:1 (AAA) · APCA Lc 55
Contrast pairs
代码片段
CSS
:root {
--sweet-perfume: #cb99bb;
--sweet-perfume-rgb: 203 153 187;
--sweet-perfume-oklch: oklch(0.74 0.075 338.6);
}
.element {
color: var(--sweet-perfume);
background-color: hsl(319 32% 70%);
border-color: oklch(0.74 0.075 338.6);
}Tailwind CSS v4
@theme {
--color-sweet-perfume: #cb99bb;
--color-sweet-perfume-50: #ffedfc;
--color-sweet-perfume-100: #fadff0;
--color-sweet-perfume-200: #ebc8de;
--color-sweet-perfume-300: #d3a9c3;
--color-sweet-perfume-400: #bc8ead;
--color-sweet-perfume-500: #a77397;
--color-sweet-perfume-600: #8d6180;
--color-sweet-perfume-700: #714e66;
--color-sweet-perfume-800: #53384c;
--color-sweet-perfume-900: #3a2735;
--color-sweet-perfume-950: #241520;
}SCSS
$sweet-perfume: #cb99bb;
$sweet-perfume-rgb: 203, 153, 187;
$sweet-perfume-light: mix(#fff, $sweet-perfume, 20%);
$sweet-perfume-dark: mix(#000, $sweet-perfume, 20%);
.element {
color: $sweet-perfume;
box-shadow: 0 0 0 2px rgba($sweet-perfume, 0.35);
}