最接近的命名颜色 · #C288BA
#C288BA
最接近的命名颜色: La la Love
#C288BA（rgb(194 136 186)、hsl(308 32% 65%)、oklch(0.7 0.097 331.5)）最接近命名颜色 La la Love。查看浅色调、深色调、和谐色、WCAG 与 APCA 对比度，以及 CSS、Tailwind v4 和 SCSS 代码。
#C288BA
oklch(0.7 0.097 331.5)
颜色转换
- HEX
- #c288ba
- RGB
- rgb(194 136 186)
- HSL
- hsl(308 32% 65%)
- HWB
- hwb(308 53% 24%)
- OKLCH
- oklch(0.7 0.097 331.5)
- OKLab
- oklab(0.7 0.085 -0.046)
- CIE Lab
- lab(63.86 28.77 -17.04)
- LCH
- lch(63.86 33.44 329.4)
- CMYK
- cmyk(0% 30% 4% 24%)
浅色调 · 深色调 · 灰色调
浅色调
- C894C1
- CF9FC8
- D5ABCF
- DBB7D6
- E1C3DC
- E7CFE3
- EDDBEA
- F3E7F1
- F9F3F8
深色调
- A875A1
- 8F6389
- 775272
- 60415C
- 493146
- 342232
- 20131E
- 0E060D
- 020102
灰色调
- BB87B4
- B587AE
- AE86A8
- A886A3
- A1859D
- 9B8497
- 948391
- 8D828B
- 878186
配色和谐
互补色 +180°
- C288BA
La la Love
- 6FB080
≈ Lily Pads
类似色 -30° +30°
- C288BA
La la Love
- A990D1
≈ Middy’s Purple
- D1859A
≈ Speckled Easter Egg
三角配色 +120° +240°
- C288BA
La la Love
- B59C54
≈ Woollen Mittens
- 48AFC1
≈ Viking
分裂互补色 +150° +210°
- C288BA
La la Love
- 95A862
≈ Gallant Green
- 4DB2A2
≈ Sacred Turquoise
四角配色 +90° +180° +270°
- C288BA
La la Love
- CA905E
≈ Napa Sunset
- 6FB080
≈ Lily Pads
- 64A6D6
≈ Water Spirit
对比度与无障碍
Ag
Fail白底
WCAG 2.79:1 · APCA Lc 54
Ag
AAA黑底
WCAG 7.52:1 · APCA Lc 48
最佳文字颜色: #000000
WCAG 7.52:1 (AAA) · APCA Lc 48
Contrast pairs
代码片段
CSS
:root {
--la-la-love: #c288ba;
--la-la-love-rgb: 194 136 186;
--la-la-love-oklch: oklch(0.7 0.097 331.5);
}
.element {
color: var(--la-la-love);
background-color: hsl(308 32% 65%);
border-color: oklch(0.7 0.097 331.5);
}Tailwind CSS v4
@theme {
--color-la-la-love: #c288ba;
--color-la-la-love-50: #ffebff;
--color-la-la-love-100: #fddcf6;
--color-la-la-love-200: #efc5e6;
--color-la-la-love-300: #d6a5cd;
--color-la-la-love-400: #c089b9;
--color-la-la-love-500: #ab6da3;
--color-la-la-love-600: #915d8a;
--color-la-la-love-700: #744a6f;
--color-la-la-love-800: #553653;
--color-la-la-love-900: #3b253a;
--color-la-la-love-950: #251324;
}SCSS
$la-la-love: #c288ba;
$la-la-love-rgb: 194, 136, 186;
$la-la-love-light: mix(#fff, $la-la-love, 20%);
$la-la-love-dark: mix(#000, $la-la-love, 20%);
.element {
color: $la-la-love;
box-shadow: 0 0 0 2px rgba($la-la-love, 0.35);
}