Cor nomeada · #D0A4AE
Lady Flower
Lady Flower é #D0A4AE: rgb(208 164 174), hsl(346 32% 73%), oklch(0.762 0.053 3.3). Veja tons claros, sombras, harmonias, contraste WCAG e APCA e código CSS, Tailwind v4 e SCSS.
What does Red mean? → · Lady Flower color name →
#D0A4AE
oklch(0.762 0.053 3.3)
Conversões de cor
- 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%)
Tons claros · Sombras · Tons
Tons claros
- D5ADB6
- DAB6BE
- DFBFC6
- E3C8CE
- E8D1D6
- EDDADE
- F1E3E6
- F6ECEE
- FBF6F7
Sombras
- B58E97
- 9A7980
- 80646A
- 675055
- 4F3D41
- 392B2E
- 231A1C
- 100A0B
- 020101
Tons
- C8A0A9
- C09DA5
- B899A0
- B0969B
- A89297
- A08E92
- 988B8E
- 908789
- 888484
Harmonias de cor
Complementar +180°
- D0A4AE
Lady Flower
- 8CBDB5
≈ Morning Green
Análoga -30° +30°
- D0A4AE
Lady Flower
- C7A5C0
≈ Lilac Fluff
- D1A69C
≈ Sunset Curtains
Tríade +120° +240°
- D0A4AE
Lady Flower
- ABB892
≈ Casa Verde
- 95B6D1
≈ Sea Mark
Complementar dividida +150° +210°
- D0A4AE
Lady Flower
- 98BCA2
≈ Reeds
- 8BBBC6
≈ Blue Echo
Tétrade +90° +180° +270°
- D0A4AE
Lady Flower
- BDB18B
≈ Weaver’s Spool
- 8CBDB5
≈ Morning Green
- A6B0D4
≈ Calm Interlude
Contraste e acessibilidade
Ag
FailSobre branco
WCAG 2.18:1 · APCA Lc 43
Ag
AAASobre preto
WCAG 9.60:1 · APCA Lc 59
Melhor cor de texto: #000000
WCAG 9.60:1 (AAA) · APCA Lc 59
Contrast pairs
Trechos de código
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);
}