Couleur nommée la plus proche · #DA91B6
#DA91B6
Couleur nommée la plus proche: Sweet Perfume
#DA91B6 (rgb(218 145 182), hsl(330 50% 71%), oklch(0.741 0.1 348)) 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.
#DA91B6
oklch(0.741 0.1 348)
Conversions de couleur
- HEX
- #da91b6
- RGB
- rgb(218 145 182)
- HSL
- hsl(330 50% 71%)
- HWB
- hwb(330 57% 15%)
- OKLCH
- oklch(0.741 0.1 348)
- OKLab
- oklab(0.741 0.097 -0.021)
- CIE Lab
- lab(68.56 32.26 -7.47)
- LCH
- lch(68.56 33.11 347)
- CMYK
- cmyk(0% 33% 17% 15%)
Teintes · Ombres · Tons
Teintes
- DE9CBD
- E3A7C4
- E7B2CB
- EBBDD3
- EEC8DA
- F2D3E1
- F6DEE9
- F9E9F0
- FCF4F8
Ombres
- BD7D9E
- A26A86
- 87586F
- 6C4659
- 543544
- 3C2530
- 25151D
- 11070C
- 020102
Tons
- D190B0
- C88EAB
- BF8DA5
- B68BA0
- AD899B
- A48895
- 9B8690
- 92848B
- 898285
Harmonies de couleurs
Complémentaire +180°
- DA91B6
Sweet Perfume
- 65BF9F
≈ Peppermint Fresh
Analogue -30° +30°
- DA91B6
Sweet Perfume
- C597D4
≈ Mauve Mist
- E39193
≈ Fresh Pink
Triadique +120° +240°
- DA91B6
Sweet Perfume
- B1B063
≈ Palm
- 60B7DC
≈ Nancy
Complémentaire divisée +150° +210°
- DA91B6
Sweet Perfume
- 8CBA7C
≈ Prime Merchandise
- 50BEC2
≈ Pharaoh’s Seas
Tétradique +90° +180° +270°
- DA91B6
Sweet Perfume
- CEA35F
≈ Caribou Herd
- 65BF9F
≈ Peppermint Fresh
- 84ADEA
≈ Queer Blue
Contraste et accessibilité
Ag
FailSur blanc
WCAG 2.41:1 · APCA Lc 47
Ag
AAASur noir
WCAG 8.70:1 · APCA Lc 55
Meilleure couleur de texte: #000000
WCAG 8.70:1 (AAA) · APCA Lc 55
Contrast pairs
Extraits de code
CSS
:root {
--sweet-perfume: #da91b6;
--sweet-perfume-rgb: 218 145 182;
--sweet-perfume-oklch: oklch(0.741 0.1 348);
}
.element {
color: var(--sweet-perfume);
background-color: hsl(330 50% 71%);
border-color: oklch(0.741 0.1 348);
}Tailwind CSS v4
@theme {
--color-sweet-perfume: #da91b6;
--color-sweet-perfume-50: #ffeaf9;
--color-sweet-perfume-100: #ffdbec;
--color-sweet-perfume-200: #f6c3da;
--color-sweet-perfume-300: #dfa3be;
--color-sweet-perfume-400: #ca86a9;
--color-sweet-perfume-500: #b66a92;
--color-sweet-perfume-600: #9a5a7b;
--color-sweet-perfume-700: #7b4863;
--color-sweet-perfume-800: #5b344a;
--color-sweet-perfume-900: #402333;
--color-sweet-perfume-950: #28121f;
}SCSS
$sweet-perfume: #da91b6;
$sweet-perfume-rgb: 218, 145, 182;
$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);
}