Colore con nome · #D0A4AE
Lady Flower
Lady Flower è #D0A4AE: rgb(208 164 174), hsl(346 32% 73%), oklch(0.762 0.053 3.3). Scopri tinte, ombre, armonie, contrasto WCAG e APCA e codice CSS, Tailwind v4 e SCSS.
What does Red mean? → · Lady Flower color name →
#D0A4AE
oklch(0.762 0.053 3.3)
Conversioni di colore
- HEX
- #d0a4ae
- RGB
- rgb(208 164 174)
- HSL
- hsl(346 32% 73%)
- HWB
- hwb(346 64% 18%)
- OKLCH
- oklch(0.762 0.053 3.3)
- OKLab
- oklab(0.762 0.053 0.003)
- CIE Lab
- lab(71.7 17.86 1.35)
- LCH
- lch(71.7 17.91 4.3)
- CMYK
- cmyk(0% 21% 16% 18%)
Tinte · Ombre · Toni
Tinte
- D5ADB6
- DAB6BE
- DFBFC6
- E3C8CE
- E8D1D6
- EDDADE
- F1E3E6
- F6ECEE
- FBF6F7
Ombre
- B58E97
- 9A7980
- 80646A
- 675055
- 4F3D41
- 392B2E
- 231A1C
- 100A0B
- 020101
Toni
- C8A0A9
- C09DA5
- B899A0
- B0969B
- A89297
- A08E92
- 988B8E
- 908789
- 888484
Armonie di colore
Complementare +180°
- D0A4AE
Lady Flower
- 8CBDB5
≈ Morning Green
Analogo -30° +30°
- D0A4AE
Lady Flower
- C7A5C0
≈ Lilac Fluff
- D1A69C
≈ Sunset Curtains
Triadico +120° +240°
- D0A4AE
Lady Flower
- ABB892
≈ Casa Verde
- 95B6D1
≈ Sea Mark
Complementare divisa +150° +210°
- D0A4AE
Lady Flower
- 98BCA2
≈ Reeds
- 8BBBC6
≈ Blue Echo
Tetradico +90° +180° +270°
- D0A4AE
Lady Flower
- BDB18B
≈ Weaver’s Spool
- 8CBDB5
≈ Morning Green
- A6B0D4
≈ Calm Interlude
Contrasto e accessibilità
Ag
FailSu bianco
WCAG 2.18:1 · APCA Lc 43
Ag
AAASu nero
WCAG 9.60:1 · APCA Lc 59
Miglior colore del testo: #000000
WCAG 9.60:1 (AAA) · APCA Lc 59
Contrast pairs
Frammenti di codice
CSS
:root {
--lady-flower: #d0a4ae;
--lady-flower-rgb: 208 164 174;
--lady-flower-oklch: oklch(0.762 0.053 3.3);
}
.element {
color: var(--lady-flower);
background-color: hsl(346 32% 73%);
border-color: oklch(0.762 0.053 3.3);
}Tailwind CSS v4
@theme {
--color-lady-flower: #d0a4ae;
--color-lady-flower-50: #ffeff3;
--color-lady-flower-100: #f9e1e5;
--color-lady-flower-200: #eacbd1;
--color-lady-flower-300: #d0adb3;
--color-lady-flower-400: #bb929b;
--color-lady-flower-500: #a57882;
--color-lady-flower-600: #8c656e;
--color-lady-flower-700: #705158;
--color-lady-flower-800: #523b41;
--color-lady-flower-900: #39282d;
--color-lady-flower-950: #24161a;
}SCSS
$lady-flower: #d0a4ae;
$lady-flower-rgb: 208, 164, 174;
$lady-flower-light: mix(#fff, $lady-flower, 20%);
$lady-flower-dark: mix(#000, $lady-flower, 20%);
.element {
color: $lady-flower;
box-shadow: 0 0 0 2px rgba($lady-flower, 0.35);
}