Couleur nommée la plus proche · #D5A3BC
#D5A3BC
Couleur nommée la plus proche: Sweet Perfume
#D5A3BC (rgb(213 163 188), hsl(330 37% 74%), oklch(0.769 0.067 347.3)) est la plus proche de la couleur nommée Sweet Perfume. Teintes, ombres, harmonies, contraste WCAG et APCA, et code CSS, Tailwind v4 et SCSS.
#D5A3BC
oklch(0.769 0.067 347.3)
Conversions de couleur
- HEX
- #d5a3bc
- RGB
- rgb(213 163 188)
- HSL
- hsl(330 37% 74%)
- HWB
- hwb(330 64% 16%)
- OKLCH
- oklch(0.769 0.067 347.3)
- OKLab
- oklab(0.769 0.066 -0.015)
- CIE Lab
- lab(72.3 21.93 -5.38)
- LCH
- lch(72.3 22.58 346.2)
- CMYK
- cmyk(0% 23% 12% 16%)
Teintes · Ombres · Tons
Teintes
- DAACC3
- DEB5C9
- E2BED0
- E7C7D6
- EBD0DD
- EFDAE4
- F3E3EB
- F7ECF1
- FBF6F8
Ombres
- B98DA3
- 9E788B
- 836373
- 6A4F5D
- 513C47
- 3A2A32
- 24191F
- 100A0D
- 020102
Tons
- CCA0B6
- C49CB0
- BB99AA
- B395A4
- AA929E
- A28E98
- 998B92
- 91878C
- 888486
Harmonies de couleurs
Complémentaire +180°
- D5A3BC
Sweet Perfume
- 8AC2AB
≈ Spearmint Frosting
Analogue -30° +30°
- D5A3BC
Sweet Perfume
- C6A7D1
≈ Feminine Fancy
- DCA3A4
≈ Pastel Pink
Triadique +120° +240°
- D5A3BC
Sweet Perfume
- B8B785
≈ Aloe Plant
- 86BDD6
≈ High Elf Blue
Complémentaire divisée +150° +210°
- D5A3BC
Sweet Perfume
- A0BF94
≈ Praying Mantis
- 7FC2C3
≈ Celestine
Tétradique +90° +180° +270°
- D5A3BC
Sweet Perfume
- CCAF84
≈ Harvest Home
- 8AC2AB
≈ Spearmint Frosting
- 99B6DF
≈ Honest
Contraste et accessibilité
Ag
FailSur blanc
WCAG 2.14:1 · APCA Lc 42
Ag
AAASur noir
WCAG 9.79:1 · APCA Lc 60
Meilleure couleur de texte: #000000
WCAG 9.79:1 (AAA) · APCA Lc 60
Contrast pairs
Extraits de code
CSS
:root {
--sweet-perfume: #d5a3bc;
--sweet-perfume-rgb: 213 163 188;
--sweet-perfume-oklch: oklch(0.769 0.067 347.3);
}
.element {
color: var(--sweet-perfume);
background-color: hsl(330 37% 74%);
border-color: oklch(0.769 0.067 347.3);
}Tailwind CSS v4
@theme {
--color-sweet-perfume: #d5a3bc;
--color-sweet-perfume-50: #ffeef8;
--color-sweet-perfume-100: #fadfeb;
--color-sweet-perfume-200: #ecc9d9;
--color-sweet-perfume-300: #d3aabd;
--color-sweet-perfume-400: #bd8fa6;
--color-sweet-perfume-500: #a8748f;
--color-sweet-perfume-600: #8e6279;
--color-sweet-perfume-700: #724f60;
--color-sweet-perfume-800: #543948;
--color-sweet-perfume-900: #3a2732;
--color-sweet-perfume-950: #24151e;
}SCSS
$sweet-perfume: #d5a3bc;
$sweet-perfume-rgb: 213, 163, 188;
$sweet-perfume-light: mix(#fff, $sweet-perfume, 20%);
$sweet-perfume-dark: mix(#000, $sweet-perfume, 20%);
.element {
color: $sweet-perfume;
box-shadow: 0 0 0 2px rgba($sweet-perfume, 0.35);
}