Cor nomeada mais próxima · #C288BA
#C288BA
Cor nomeada mais próxima: La la Love
#C288BA (rgb(194 136 186), hsl(308 32% 65%), oklch(0.7 0.097 331.5)) é mais próxima da cor nomeada La la Love. Veja tons claros, sombras, harmonias, contraste WCAG e APCA e código CSS, Tailwind v4 e SCSS.
#C288BA
oklch(0.7 0.097 331.5)
Conversões de cor
- 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%)
Tons claros · Sombras · Tons
Tons claros
- C894C1
- CF9FC8
- D5ABCF
- DBB7D6
- E1C3DC
- E7CFE3
- EDDBEA
- F3E7F1
- F9F3F8
Sombras
- A875A1
- 8F6389
- 775272
- 60415C
- 493146
- 342232
- 20131E
- 0E060D
- 020102
Tons
- BB87B4
- B587AE
- AE86A8
- A886A3
- A1859D
- 9B8497
- 948391
- 8D828B
- 878186
Harmonias de cor
Complementar +180°
- C288BA
La la Love
- 6FB080
≈ Lily Pads
Análoga -30° +30°
- C288BA
La la Love
- A990D1
≈ Middy’s Purple
- D1859A
≈ Speckled Easter Egg
Tríade +120° +240°
- C288BA
La la Love
- B59C54
≈ Woollen Mittens
- 48AFC1
≈ Viking
Complementar dividida +150° +210°
- C288BA
La la Love
- 95A862
≈ Gallant Green
- 4DB2A2
≈ Sacred Turquoise
Tétrade +90° +180° +270°
- C288BA
La la Love
- CA905E
≈ Napa Sunset
- 6FB080
≈ Lily Pads
- 64A6D6
≈ Water Spirit
Contraste e acessibilidade
Ag
FailSobre branco
WCAG 2.79:1 · APCA Lc 54
Ag
AAASobre preto
WCAG 7.52:1 · APCA Lc 48
Melhor cor de texto: #000000
WCAG 7.52:1 (AAA) · APCA Lc 48
Contrast pairs
Trechos de código
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);
}