Cor nomeada · #BF90BB
La la Love
La la Love é #BF90BB: rgb(191 144 187), hsl(305 27% 66%), oklch(0.712 0.081 329.3). Veja tons claros, sombras, harmonias, contraste WCAG e APCA e código CSS, Tailwind v4 e SCSS.
What does Purple mean? → · La la Love color name →
#BF90BB
oklch(0.712 0.081 329.3)
Conversões de cor
- HEX
- #bf90bb
- RGB
- rgb(191 144 187)
- HSL
- hsl(305 27% 66%)
- HWB
- hwb(305 56% 25%)
- OKLCH
- oklch(0.712 0.081 329.3)
- OKLab
- oklab(0.712 0.07 -0.042)
- CIE Lab
- lab(65.43 23.65 -15.28)
- LCH
- lch(65.43 28.16 327.1)
- CMYK
- cmyk(0% 25% 2% 25%)
Tons claros · Sombras · Tons
Tons claros
- C69BC2
- CCA6C9
- D3B1CF
- D9BCD6
- DFC7DD
- E6D2E4
- ECDDEA
- F2E8F1
- F9F4F8
Sombras
- A67DA2
- 8D6A8A
- 755773
- 5E455C
- 483446
- 332432
- 1F151F
- 0D070D
- 020102
Tons
- B98FB5
- B28DAF
- AC8CA9
- A68AA3
- A0889D
- 998797
- 938591
- 8D838C
- 868286
Harmonias de cor
Complementar +180°
- BF90BB
La la Love
- 7EB187
≈ Peapod
Análoga -30° +30°
- BF90BB
La la Love
- A997CE
≈ Gorgeous Hydrangea
- CD8DA1
≈ Orchid Smoke
Tríade +120° +240°
- BF90BB
La la Love
- B6A066
≈ Apple Wine
- 60B0BE
≈ Finnish Fiord
Complementar dividida +150° +210°
- BF90BB
La la Love
- 9CAA6F
≈ Whirled Peas
- 65B3A3
≈ Tropic Turquoise
Tétrade +90° +180° +270°
- BF90BB
La la Love
- C8966E
≈ Sonora Shade
- 7EB187
≈ Peapod
- 71A9D0
≈ Chronus Blue
Contraste e acessibilidade
Ag
FailSobre branco
WCAG 2.65:1 · APCA Lc 52
Ag
AAASobre preto
WCAG 7.92:1 · APCA Lc 50
Melhor cor de texto: #000000
WCAG 7.92:1 (AAA) · APCA Lc 50
Contrast pairs
Trechos de código
CSS
:root {
--la-la-love: #bf90bb;
--la-la-love-rgb: 191 144 187;
--la-la-love-oklch: oklch(0.712 0.081 329.3);
}
.element {
color: var(--la-la-love);
background-color: hsl(305 27% 66%);
border-color: oklch(0.712 0.081 329.3);
}Tailwind CSS v4
@theme {
--color-la-la-love: #bf90bb;
--color-la-la-love-50: #ffedff;
--color-la-la-love-100: #f9dff4;
--color-la-la-love-200: #eac8e4;
--color-la-la-love-300: #d1a9cb;
--color-la-la-love-400: #ba8db6;
--color-la-la-love-500: #a472a0;
--color-la-la-love-600: #8b6188;
--color-la-la-love-700: #6f4d6d;
--color-la-la-love-800: #523851;
--color-la-la-love-900: #392638;
--color-la-la-love-950: #231523;
}SCSS
$la-la-love: #bf90bb;
$la-la-love-rgb: 191, 144, 187;
$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);
}