Cor nomeada · #DEB7D9
French Lilac
French Lilac é #DEB7D9: rgb(222 183 217), hsl(308 37% 79%), oklch(0.824 0.064 330.4). Veja tons claros, sombras, harmonias, contraste WCAG e APCA e código CSS, Tailwind v4 e SCSS.
What does Pink mean? → · French Lilac color name →
#DEB7D9
oklch(0.824 0.064 330.4)
Conversões de cor
- HEX
- #deb7d9
- RGB
- rgb(222 183 217)
- HSL
- hsl(308 37% 79%)
- HWB
- hwb(308 72% 13%)
- OKLCH
- oklch(0.824 0.064 330.4)
- OKLab
- oklab(0.824 0.055 -0.031)
- CIE Lab
- lab(78.7 18.72 -11.61)
- LCH
- lch(78.7 22.03 328.2)
- CMYK
- cmyk(0% 18% 2% 13%)
Tons claros · Sombras · Tons
Tons claros
- E1BEDD
- E5C5E1
- E8CCE4
- ECD4E8
- EFDBEC
- F2E2F0
- F5E9F4
- F9F0F7
- FCF8FB
Sombras
- C19FBC
- A587A1
- 897086
- 6F5A6C
- 554553
- 3D313B
- 261E25
- 120C11
- 020202
Tons
- D4B1D0
- CBACC7
- C1A6BE
- B8A1B4
- AE9BAC
- A596A3
- 9C909A
- 928B91
- 898589
Harmonias de cor
Complementar +180°
- DEB7D9
French Lilac
- A9D2B0
≈ Coral Springs
Análoga -30° +30°
- DEB7D9
French Lilac
- CCBDE9
≈ Drifting Dream
- E9B5C3
≈ Athena Pink
Tríade +120° +240°
- DEB7D9
French Lilac
- D5C496
≈ Vast Escape
- 95D1DC
≈ Washed Blue
Complementar dividida +150° +210°
- DEB7D9
French Lilac
- BFCC9E
≈ Seedling
- 98D3C7
≈ Opal Turquoise
Tétrade +90° +180° +270°
- DEB7D9
French Lilac
- E5BC9C
≈ Bronze Sand
- A9D2B0
≈ Coral Springs
- A1CCEB
≈ Sail
Contraste e acessibilidade
Ag
FailSobre branco
WCAG 1.76:1 · APCA Lc 32
Ag
AAASobre preto
WCAG 11.88:1 · APCA Lc 70
Melhor cor de texto: #000000
WCAG 11.88:1 (AAA) · APCA Lc 70
Contrast pairs
Trechos de código
CSS
:root {
--french-lilac: #deb7d9;
--french-lilac-rgb: 222 183 217;
--french-lilac-oklch: oklch(0.824 0.064 330.4);
}
.element {
color: var(--french-lilac);
background-color: hsl(308 37% 79%);
border-color: oklch(0.824 0.064 330.4);
}Tailwind CSS v4
@theme {
--color-french-lilac: #deb7d9;
--color-french-lilac-50: #ffeffd;
--color-french-lilac-100: #f5e1f1;
--color-french-lilac-200: #e5cbe0;
--color-french-lilac-300: #ccacc6;
--color-french-lilac-400: #b591b0;
--color-french-lilac-500: #9f779a;
--color-french-lilac-600: #866582;
--color-french-lilac-700: #6c5168;
--color-french-lilac-800: #4f3b4d;
--color-french-lilac-900: #372836;
--color-french-lilac-950: #221621;
}SCSS
$french-lilac: #deb7d9;
$french-lilac-rgb: 222, 183, 217;
$french-lilac-light: mix(#fff, $french-lilac, 20%);
$french-lilac-dark: mix(#000, $french-lilac, 20%);
.element {
color: $french-lilac;
box-shadow: 0 0 0 2px rgba($french-lilac, 0.35);
}