Nazwany kolor · #F8B4C4
Love Spell
Love Spell to #F8B4C4: rgb(248 180 196), hsl(346 83% 84%), oklch(0.837 0.081 3.5). Zobacz odcienie jaśniejsze i ciemniejsze, harmonie, kontrast WCAG i APCA oraz kod CSS, Tailwind v4 i SCSS.
What does Pink mean? → · Love Spell color name →
#F8B4C4
oklch(0.837 0.081 3.5)
Konwersje koloru
- HEX
- #f8b4c4
- RGB
- rgb(248 180 196)
- HSL
- hsl(346 83% 84%)
- HWB
- hwb(346 71% 3%)
- OKLCH
- oklch(0.837 0.081 3.5)
- OKLab
- oklab(0.837 0.081 0.005)
- CIE Lab
- lab(80.15 27.1 2.18)
- LCH
- lch(80.15 27.19 4.6)
- CMYK
- cmyk(0% 27% 21% 3%)
Odcienie jaśniejsze · Odcienie ciemniejsze · Tony
Odcienie jaśniejsze
- F9BCCA
- FAC3D0
- FBCBD5
- FCD2DB
- FDDAE1
- FEE1E7
- FEE9ED
- FFF0F3
- FFF7F9
Odcienie ciemniejsze
- D89CAA
- B88591
- 9A6E78
- 7C5861
- 60444A
- 453035
- 2C1D21
- 150C0E
- 030202
Tony
- ECAFBD
- E0AAB6
- D3A4AF
- C79FA8
- BB9AA1
- AF959B
- A39094
- 988A8D
- 8C8587
Harmonie kolorów
Komplementarna +180°
- F8B4C4
Love Spell
- 8BDBCF
≈ Island Breeze
Analogowa -30° +30°
- F8B4C4
Love Spell
- EBB6E0
≈ Pink Drink
- FAB7A7
≈ Nature Apricot
Triada +120° +240°
- F8B4C4
Love Spell
- BFD398
≈ Spring Has Sprung
- 9CD0FB
≈ Long Island Sound
Komplementarna rozszczepiona +150° +210°
- F8B4C4
Love Spell
- A1DAB1
≈ Frugal
- 89D8EA
≈ Tanager Turquoise
Tetrada +90° +180° +270°
Kontrast i dostępność
Ag
FailNa bieli
WCAG 1.70:1 · APCA Lc 30
Ag
AAANa czerni
WCAG 12.31:1 · APCA Lc 72
Najlepszy kolor tekstu: #000000
WCAG 12.31:1 (AAA) · APCA Lc 72
Contrast pairs
Fragmenty kodu
CSS
:root {
--love-spell: #f8b4c4;
--love-spell-rgb: 248 180 196;
--love-spell-oklch: oklch(0.837 0.081 3.5);
}
.element {
color: var(--love-spell);
background-color: hsl(346 83% 84%);
border-color: oklch(0.837 0.081 3.5);
}Tailwind CSS v4
@theme {
--color-love-spell: #f8b4c4;
--color-love-spell-50: #ffecf2;
--color-love-spell-100: #ffdde4;
--color-love-spell-200: #f4c6cf;
--color-love-spell-300: #dda7b1;
--color-love-spell-400: #c88a99;
--color-love-spell-500: #b36f80;
--color-love-spell-600: #985e6d;
--color-love-spell-700: #7a4b57;
--color-love-spell-800: #5a3640;
--color-love-spell-900: #3f252c;
--color-love-spell-950: #281319;
}SCSS
$love-spell: #f8b4c4;
$love-spell-rgb: 248, 180, 196;
$love-spell-light: mix(#fff, $love-spell, 20%);
$love-spell-dark: mix(#000, $love-spell, 20%);
.element {
color: $love-spell;
box-shadow: 0 0 0 2px rgba($love-spell, 0.35);
}