Color con nombre más cercano · #DDA5DB
#DDA5DB
Color con nombre más cercano: Candy Floss
#DDA5DB (rgb(221 165 219), hsl(302 45% 76%), oklch(0.791 0.097 327.6)) se parece más al color con nombre Candy Floss. Mira tintes, sombras, armonías, contraste WCAG y APCA, y código CSS, Tailwind v4 y SCSS.
#DDA5DB
oklch(0.791 0.097 327.6)
Conversiones de color
- HEX
- #dda5db
- RGB
- rgb(221 165 219)
- HSL
- hsl(302 45% 76%)
- HWB
- hwb(302 65% 13%)
- OKLCH
- oklch(0.791 0.097 327.6)
- OKLab
- oklab(0.791 0.082 -0.052)
- CIE Lab
- lab(74.42 27.82 -19.08)
- LCH
- lch(74.42 33.73 325.6)
- CMYK
- cmyk(0% 25% 1% 13%)
Tintes · Sombras · Tonos
Tintes
- E1AEDF
- E4B7E2
- E8C0E6
- EBC9EA
- EFD2ED
- F2DBF1
- F6E4F4
- F9EDF8
- FCF6FC
Sombras
- C08FBE
- A479A2
- 886587
- 6E516D
- 553D54
- 3D2B3C
- 261A26
- 110A11
- 020102
Tonos
- D4A1D2
- CA9EC8
- C19ABF
- B797B6
- AE93AD
- A58FA4
- 9C8B9B
- 928892
- 898489
Armonías de color
Complementario +180°
- DDA5DB
Candy Floss
- 90CC97
≈ Fennel
Análogo -30° +30°
- DDA5DB
Candy Floss
- C2AEF2
≈ Purple Sand
- EEA1BB
≈ Alien Conspiracy Pink
Triádico +120° +240°
- DDA5DB
Candy Floss
- D5B870
≈ Sweet Mustard
- 67CDDB
≈ Slick Blue
Complementario dividido +150° +210°
- DDA5DB
Candy Floss
- B6C47B
≈ Everglade Glen
- 6FD0BA
≈ Downy
Tetrádico +90° +180° +270°
- DDA5DB
Candy Floss
- EAAB7C
≈ Melting Sunset
- 90CC97
≈ Fennel
- 7DC4F2
≈ Nevermind Nirvana
Contraste y accesibilidad
Ag
FailSobre blanco
WCAG 2.00:1 · APCA Lc 39
Ag
AAASobre negro
WCAG 10.47:1 · APCA Lc 64
Mejor color de texto: #000000
WCAG 10.47:1 (AAA) · APCA Lc 64
Contrast pairs
Fragmentos de código
CSS
:root {
--candy-floss: #dda5db;
--candy-floss-rgb: 221 165 219;
--candy-floss-oklch: oklch(0.791 0.097 327.6);
}
.element {
color: var(--candy-floss);
background-color: hsl(302 45% 76%);
border-color: oklch(0.791 0.097 327.6);
}Tailwind CSS v4
@theme {
--color-candy-floss: #dda5db;
--color-candy-floss-50: #ffecff;
--color-candy-floss-100: #fbddf8;
--color-candy-floss-200: #edc6e8;
--color-candy-floss-300: #d4a6d0;
--color-candy-floss-400: #be8abc;
--color-candy-floss-500: #a86ea7;
--color-candy-floss-600: #8e5e8d;
--color-candy-floss-700: #724b71;
--color-candy-floss-800: #543655;
--color-candy-floss-900: #3a253b;
--color-candy-floss-950: #241325;
}SCSS
$candy-floss: #dda5db;
$candy-floss-rgb: 221, 165, 219;
$candy-floss-light: mix(#fff, $candy-floss, 20%);
$candy-floss-dark: mix(#000, $candy-floss, 20%);
.element {
color: $candy-floss;
box-shadow: 0 0 0 2px rgba($candy-floss, 0.35);
}