Couleur nommée la plus proche · #DFB7CC
#DFB7CC
Couleur nommée la plus proche: Purple Poodle
#DFB7CC (rgb(223 183 204), hsl(329 38% 80%), oklch(0.821 0.054 345.4)) est la plus proche de la couleur nommée Purple Poodle. Teintes, ombres, harmonies, contraste WCAG et APCA, et code CSS, Tailwind v4 et SCSS.
#DFB7CC
oklch(0.821 0.054 345.4)
Conversions de couleur
- HEX
- #dfb7cc
- RGB
- rgb(223 183 204)
- HSL
- hsl(329 38% 80%)
- HWB
- hwb(329 72% 13%)
- OKLCH
- oklch(0.821 0.054 345.4)
- OKLab
- oklab(0.821 0.052 -0.013)
- CIE Lab
- lab(78.48 17.38 -4.93)
- LCH
- lch(78.48 18.06 344.2)
- CMYK
- cmyk(0% 18% 9% 13%)
Teintes · Ombres · Tons
Teintes
- E2BED1
- E6C5D6
- E9CCDB
- ECD3E0
- F0DBE5
- F3E2EA
- F6E9F0
- F9F0F5
- FCF8FA
Ombres
- C29FB1
- A58797
- 8A707E
- 6F5A65
- 56454E
- 3D3137
- 271E22
- 120C0F
- 020202
Tons
- D5B1C4
- CBACBC
- C2A6B5
- B8A1AD
- AF9BA5
- A5969E
- 9C9096
- 938B8F
- 898587
Harmonies de couleurs
Complémentaire +180°
- DFB7CC
Purple Poodle
- A5D0BC
≈ Taffy Twist
Analogue -30° +30°
- DFB7CC
Purple Poodle
- D2BADD
≈ Pussyfoot
- E5B7B9
≈ Bistro Pink
Triadique +120° +240°
- DFB7CC
Purple Poodle
- C9C79F
≈ Archisa
- A0CCDF
≈ Intercoastal
Complémentaire divisée +150° +210°
- DFB7CC
Purple Poodle
- B5CDAA
≈ Gio Ponti Green
- 9CD0CF
≈ Morning Glory
Tétradique +90° +180° +270°
- DFB7CC
Purple Poodle
- D9C09E
≈ Golden Gate
- A5D0BC
≈ Taffy Twist
- AEC7E7
≈ Promise Keeping
Contraste et accessibilité
Ag
FailSur blanc
WCAG 1.78:1 · APCA Lc 33
Ag
AAASur noir
WCAG 11.78:1 · APCA Lc 70
Meilleure couleur de texte: #000000
WCAG 11.78:1 (AAA) · APCA Lc 70
Contrast pairs
Extraits de code
CSS
:root {
--purple-poodle: #dfb7cc;
--purple-poodle-rgb: 223 183 204;
--purple-poodle-oklch: oklch(0.821 0.054 345.4);
}
.element {
color: var(--purple-poodle);
background-color: hsl(329 38% 80%);
border-color: oklch(0.821 0.054 345.4);
}Tailwind CSS v4
@theme {
--color-purple-poodle: #dfb7cc;
--color-purple-poodle-50: #ffeff8;
--color-purple-poodle-100: #f6e1eb;
--color-purple-poodle-200: #e7cbd8;
--color-purple-poodle-300: #cdadbc;
--color-purple-poodle-400: #b792a5;
--color-purple-poodle-500: #a1788e;
--color-purple-poodle-600: #886678;
--color-purple-poodle-700: #6d5160;
--color-purple-poodle-800: #503b47;
--color-purple-poodle-900: #382931;
--color-purple-poodle-950: #22161d;
}SCSS
$purple-poodle: #dfb7cc;
$purple-poodle-rgb: 223, 183, 204;
$purple-poodle-light: mix(#fff, $purple-poodle, 20%);
$purple-poodle-dark: mix(#000, $purple-poodle, 20%);
.element {
color: $purple-poodle;
box-shadow: 0 0 0 2px rgba($purple-poodle, 0.35);
}