Couleur nommée la plus proche · #D295B7
#D295B7
Couleur nommée la plus proche: Sweet Perfume
#D295B7 (rgb(210 149 183), hsl(327 40% 70%), oklch(0.739 0.085 344.9)) 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.
#D295B7
oklch(0.739 0.085 344.9)
Conversions de couleur
- HEX
- #d295b7
- RGB
- rgb(210 149 183)
- HSL
- hsl(327 40% 70%)
- HWB
- hwb(327 58% 18%)
- OKLCH
- oklch(0.739 0.085 344.9)
- OKLab
- oklab(0.739 0.082 -0.022)
- CIE Lab
- lab(68.57 27.42 -8.13)
- LCH
- lch(68.57 28.6 343.5)
- CMYK
- cmyk(0% 29% 13% 18%)
Teintes · Ombres · Tons
Teintes
- D79FBE
- DCAAC5
- E1B4CC
- E5BFD3
- EAC9DB
- EED4E2
- F3DFE9
- F7E9F0
- FBF4F8
Ombres
- B6819F
- 9B6D87
- 815A70
- 68485A
- 503745
- 392631
- 24161E
- 10080C
- 020102
Tons
- CA93B1
- C291AC
- B98FA6
- B18DA1
- A98B9B
- A18996
- 998790
- 91858B
- 888285
Harmonies de couleurs
Complémentaire +180°
- D295B7
Sweet Perfume
- 75BC9D
≈ Arboretum
Analogue -30° +30°
- D295B7
Sweet Perfume
- BF9BD0
≈ Mauve Mist
- DB9599
≈ Dancer
Triadique +120° +240°
- D295B7
Sweet Perfume
- B2AE6D
≈ Jalapeño Jelly
- 6BB6D3
≈ Madonna Blue
Complémentaire divisée +150° +210°
- D295B7
Sweet Perfume
- 94B780
≈ Willow Dyed
- 63BCBB
≈ Fresh Soft Blue
Tétradique +90° +180° +270°
- D295B7
Sweet Perfume
- CAA36C
≈ Buckskin Pony
- 75BC9D
≈ Arboretum
- 86ADE0
≈ Queer Blue
Contraste et accessibilité
Ag
FailSur blanc
WCAG 2.40:1 · APCA Lc 47
Ag
AAASur noir
WCAG 8.72:1 · APCA Lc 55
Meilleure couleur de texte: #000000
WCAG 8.72:1 (AAA) · APCA Lc 55
Contrast pairs
Extraits de code
CSS
:root {
--sweet-perfume: #d295b7;
--sweet-perfume-rgb: 210 149 183;
--sweet-perfume-oklch: oklch(0.739 0.085 344.9);
}
.element {
color: var(--sweet-perfume);
background-color: hsl(327 40% 70%);
border-color: oklch(0.739 0.085 344.9);
}Tailwind CSS v4
@theme {
--color-sweet-perfume: #d295b7;
--color-sweet-perfume-50: #ffecfa;
--color-sweet-perfume-100: #ffdded;
--color-sweet-perfume-200: #f1c6db;
--color-sweet-perfume-300: #d9a6c0;
--color-sweet-perfume-400: #c38aaa;
--color-sweet-perfume-500: #af6f93;
--color-sweet-perfume-600: #945e7c;
--color-sweet-perfume-700: #764b64;
--color-sweet-perfume-800: #57364a;
--color-sweet-perfume-900: #3d2533;
--color-sweet-perfume-950: #26141f;
}SCSS
$sweet-perfume: #d295b7;
$sweet-perfume-rgb: 210, 149, 183;
$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);
}