Colore con nome · #F0C1C6
Loveable
Loveable è #F0C1C6: rgb(240 193 198), hsl(354 61% 85%), oklch(0.854 0.054 11.1). Scopri tinte, ombre, armonie, contrasto WCAG e APCA e codice CSS, Tailwind v4 e SCSS.
What does Pink mean? → · Loveable color name →
#F0C1C6
oklch(0.854 0.054 11.1)
Conversioni di colore
- HEX
- #f0c1c6
- RGB
- rgb(240 193 198)
- HSL
- hsl(354 61% 85%)
- HWB
- hwb(354 76% 6%)
- OKLCH
- oklch(0.854 0.054 11.1)
- OKLab
- oklab(0.854 0.053 0.01)
- CIE Lab
- lab(82.4 17.86 4.2)
- LCH
- lch(82.4 18.35 13.2)
- CMYK
- cmyk(0% 20% 17% 6%)
Tinte · Ombre · Toni
Tinte
- F2C7CC
- F4CDD1
- F5D3D7
- F7DADC
- F8E0E2
- FAE6E8
- FBECEE
- FDF3F3
- FEF9F9
Ombre
- D1A7AC
- B28F92
- 95777A
- 785F62
- 5D494B
- 433435
- 2A2021
- 140E0E
- 030202
Toni
- E4BABF
- D9B4B8
- CEADB0
- C2A7A9
- B7A0A2
- AC9A9B
- A19394
- 968D8E
- 8B8687
Armonie di colore
Complementare +180°
- F0C1C6
Loveable
- A6DBD7
≈ Brilliante
Analogo -30° +30°
- F0C1C6
Loveable
- E9C2D9
≈ Dreamy Memory
- EFC4B4
≈ Fatty Sashimi
Triadico +120° +240°
- F0C1C6
Loveable
- C3D7B2
≈ Hamster Habitat
- B5D2F2
≈ Frost Fairy
Complementare divisa +150° +210°
- F0C1C6
Loveable
- B1DAC4
≈ Mint Gala
- A8D8E8
≈ Blue Click
Tetradico +90° +180° +270°
Contrasto e accessibilità
Ag
FailSu bianco
WCAG 1.59:1 · APCA Lc 27
Ag
AAASu nero
WCAG 13.14:1 · APCA Lc 76
Miglior colore del testo: #000000
WCAG 13.14:1 (AAA) · APCA Lc 76
Contrast pairs
Frammenti di codice
CSS
:root {
--loveable: #f0c1c6;
--loveable-rgb: 240 193 198;
--loveable-oklch: oklch(0.854 0.054 11.1);
}
.element {
color: var(--loveable);
background-color: hsl(354 61% 85%);
border-color: oklch(0.854 0.054 11.1);
}Tailwind CSS v4
@theme {
--color-loveable: #f0c1c6;
--color-loveable-50: #ffeff1;
--color-loveable-100: #f9e1e3;
--color-loveable-200: #eacbce;
--color-loveable-300: #d2adaf;
--color-loveable-400: #bc9296;
--color-loveable-500: #a7787d;
--color-loveable-600: #8d656a;
--color-loveable-700: #715155;
--color-loveable-800: #533b3e;
--color-loveable-900: #3a282b;
--color-loveable-950: #241618;
}SCSS
$loveable: #f0c1c6;
$loveable-rgb: 240, 193, 198;
$loveable-light: mix(#fff, $loveable, 20%);
$loveable-dark: mix(#000, $loveable, 20%);
.element {
color: $loveable;
box-shadow: 0 0 0 2px rgba($loveable, 0.35);
}