Colore con nome · #D4A1B0
Lili Elbe’s Pink
Lili Elbe’s Pink è #D4A1B0: rgb(212 161 176), hsl(342 37% 73%), oklch(0.761 0.063 359.3). Scopri tinte, ombre, armonie, contrasto WCAG e APCA e codice CSS, Tailwind v4 e SCSS.
What does Red mean? → · Lili Elbe’s Pink color name →
#D4A1B0
oklch(0.761 0.063 359.3)
Conversioni di colore
- HEX
- #d4a1b0
- RGB
- rgb(212 161 176)
- HSL
- hsl(342 37% 73%)
- HWB
- hwb(342 63% 17%)
- OKLCH
- oklch(0.761 0.063 359.3)
- OKLab
- oklab(0.761 0.063 -0.001)
- CIE Lab
- lab(71.44 21.14 -0.06)
- LCH
- lch(71.44 21.14 359.8)
- CMYK
- cmyk(0% 24% 17% 17%)
Tinte · Ombre · Toni
Tinte
- D9AAB8
- DDB3BF
- E2BDC7
- E6C6CF
- EACFD7
- EFD9DF
- F3E2E7
- F7ECEF
- FBF5F7
Ombre
- B88B99
- 9D7682
- 83626C
- 694E56
- 513C42
- 3A2A2E
- 24191C
- 10090B
- 020101
Toni
- CC9EAB
- C39AA6
- BB97A1
- B2949C
- AA9198
- A18D93
- 998A8E
- 918789
- 888385
Armonie di colore
Complementare +180°
- D4A1B0
Lili Elbe’s Pink
- 85BFB2
≈ Seaborn
Analogo -30° +30°
- D4A1B0
Lili Elbe’s Pink
- C9A3C5
≈ Stormy Sunrise
- D7A39A
≈ Quiet Pink
Triadico +120° +240°
- D4A1B0
Lili Elbe’s Pink
- ACB88A
≈ Gardening
- 8CB7D6
≈ Periwinkle Sky
Complementare divisa +150° +210°
- D4A1B0
Lili Elbe’s Pink
- 96BD9C
≈ Green-Eyed Lady
- 81BDC7
≈ Aqua Vitale
Tetradico +90° +180° +270°
- D4A1B0
Lili Elbe’s Pink
- C1B083
≈ Harmonic Tan
- 85BFB2
≈ Seaborn
- A1B0DB
≈ Myrtle Flower
Contrasto e accessibilità
Ag
FailSu bianco
WCAG 2.20:1 · APCA Lc 43
Ag
AAASu nero
WCAG 9.52:1 · APCA Lc 59
Miglior colore del testo: #000000
WCAG 9.52:1 (AAA) · APCA Lc 59
Contrast pairs
Frammenti di codice
CSS
:root {
--lili-elbe-s-pink: #d4a1b0;
--lili-elbe-s-pink-rgb: 212 161 176;
--lili-elbe-s-pink-oklch: oklch(0.761 0.063 359.3);
}
.element {
color: var(--lili-elbe-s-pink);
background-color: hsl(342 37% 73%);
border-color: oklch(0.761 0.063 359.3);
}Tailwind CSS v4
@theme {
--color-lili-elbe-s-pink: #d4a1b0;
--color-lili-elbe-s-pink-50: #ffeef4;
--color-lili-elbe-s-pink-100: #fbe0e6;
--color-lili-elbe-s-pink-200: #edcad2;
--color-lili-elbe-s-pink-300: #d4aab5;
--color-lili-elbe-s-pink-400: #bf8f9d;
--color-lili-elbe-s-pink-500: #a97585;
--color-lili-elbe-s-pink-600: #8f6370;
--color-lili-elbe-s-pink-700: #734f5a;
--color-lili-elbe-s-pink-800: #553942;
--color-lili-elbe-s-pink-900: #3b272e;
--color-lili-elbe-s-pink-950: #25151b;
}SCSS
$lili-elbe-s-pink: #d4a1b0;
$lili-elbe-s-pink-rgb: 212, 161, 176;
$lili-elbe-s-pink-light: mix(#fff, $lili-elbe-s-pink, 20%);
$lili-elbe-s-pink-dark: mix(#000, $lili-elbe-s-pink, 20%);
.element {
color: $lili-elbe-s-pink;
box-shadow: 0 0 0 2px rgba($lili-elbe-s-pink, 0.35);
}