Najbliższy nazwany kolor · #C288BA
#C288BA
Najbliższy nazwany kolor: La la Love
#C288BA (rgb(194 136 186), hsl(308 32% 65%), oklch(0.7 0.097 331.5)) jest najbliższy nazwanemu kolorowi La la Love. Zobacz odcienie, harmonie, kontrast WCAG i APCA oraz kod CSS, Tailwind v4 i SCSS.
#C288BA
oklch(0.7 0.097 331.5)
Konwersje koloru
- 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%)
Odcienie jaśniejsze · Odcienie ciemniejsze · Tony
Odcienie jaśniejsze
- C894C1
- CF9FC8
- D5ABCF
- DBB7D6
- E1C3DC
- E7CFE3
- EDDBEA
- F3E7F1
- F9F3F8
Odcienie ciemniejsze
- A875A1
- 8F6389
- 775272
- 60415C
- 493146
- 342232
- 20131E
- 0E060D
- 020102
Tony
- BB87B4
- B587AE
- AE86A8
- A886A3
- A1859D
- 9B8497
- 948391
- 8D828B
- 878186
Harmonie kolorów
Komplementarna +180°
- C288BA
La la Love
- 6FB080
≈ Lily Pads
Analogowa -30° +30°
- C288BA
La la Love
- A990D1
≈ Middy’s Purple
- D1859A
≈ Speckled Easter Egg
Triada +120° +240°
- C288BA
La la Love
- B59C54
≈ Woollen Mittens
- 48AFC1
≈ Viking
Komplementarna rozszczepiona +150° +210°
- C288BA
La la Love
- 95A862
≈ Gallant Green
- 4DB2A2
≈ Sacred Turquoise
Tetrada +90° +180° +270°
- C288BA
La la Love
- CA905E
≈ Napa Sunset
- 6FB080
≈ Lily Pads
- 64A6D6
≈ Water Spirit
Kontrast i dostępność
Ag
FailNa bieli
WCAG 2.79:1 · APCA Lc 54
Ag
AAANa czerni
WCAG 7.52:1 · APCA Lc 48
Najlepszy kolor tekstu: #000000
WCAG 7.52:1 (AAA) · APCA Lc 48
Contrast pairs
Fragmenty kodu
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);
}