Cor nomeada mais próxima · #DFB7CC
#DFB7CC
Cor nomeada mais próxima: Purple Poodle
#DFB7CC (rgb(223 183 204), hsl(329 38% 80%), oklch(0.821 0.054 345.4)) é mais próxima da cor nomeada Purple Poodle. Veja tons claros, sombras, harmonias, contraste WCAG e APCA e código CSS, Tailwind v4 e SCSS.
#DFB7CC
oklch(0.821 0.054 345.4)
Conversões de cor
- 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%)
Tons claros · Sombras · Tons
Tons claros
- E2BED1
- E6C5D6
- E9CCDB
- ECD3E0
- F0DBE5
- F3E2EA
- F6E9F0
- F9F0F5
- FCF8FA
Sombras
- C29FB1
- A58797
- 8A707E
- 6F5A65
- 56454E
- 3D3137
- 271E22
- 120C0F
- 020202
Tons
- D5B1C4
- CBACBC
- C2A6B5
- B8A1AD
- AF9BA5
- A5969E
- 9C9096
- 938B8F
- 898587
Harmonias de cor
Complementar +180°
- DFB7CC
Purple Poodle
- A5D0BC
≈ Taffy Twist
Análoga -30° +30°
- DFB7CC
Purple Poodle
- D2BADD
≈ Pussyfoot
- E5B7B9
≈ Bistro Pink
Tríade +120° +240°
- DFB7CC
Purple Poodle
- C9C79F
≈ Archisa
- A0CCDF
≈ Intercoastal
Complementar dividida +150° +210°
- DFB7CC
Purple Poodle
- B5CDAA
≈ Gio Ponti Green
- 9CD0CF
≈ Morning Glory
Tétrade +90° +180° +270°
- DFB7CC
Purple Poodle
- D9C09E
≈ Golden Gate
- A5D0BC
≈ Taffy Twist
- AEC7E7
≈ Promise Keeping
Contraste e acessibilidade
Ag
FailSobre branco
WCAG 1.78:1 · APCA Lc 33
Ag
AAASobre preto
WCAG 11.78:1 · APCA Lc 70
Melhor cor de texto: #000000
WCAG 11.78:1 (AAA) · APCA Lc 70
Contrast pairs
Trechos de código
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);
}