Color con nombre más cercano · #D2ABD3
#D2ABD3
Color con nombre más cercano: Blushing Sky
#D2ABD3 (rgb(210 171 211), hsl(299 31% 75%), oklch(0.789 0.07 325.4)) se parece más al color con nombre Blushing Sky. Mira tintes, sombras, armonías, contraste WCAG y APCA, y código CSS, Tailwind v4 y SCSS.
#D2ABD3
oklch(0.789 0.07 325.4)
Conversiones de color
- HEX
- #d2abd3
- RGB
- rgb(210 171 211)
- HSL
- hsl(299 31% 75%)
- HWB
- hwb(299 67% 17%)
- OKLCH
- oklch(0.789 0.07 325.4)
- OKLab
- oklab(0.789 0.058 -0.04)
- CIE Lab
- lab(74.5 19.77 -14.74)
- LCH
- lch(74.5 24.66 323.3)
- CMYK
- cmyk(0% 19% 0% 17%)
Tintes · Sombras · Tonos
Tintes
- D7B3D7
- DBBCDC
- E0C4E0
- E4CCE5
- E9D5E9
- EDDDED
- F2E5F2
- F6EEF6
- FBF6FB
Sombras
- B694B7
- 9B7E9C
- 816882
- 685469
- 504051
- 392D3A
- 241B24
- 100B10
- 020102
Tonos
- CAA7CA
- C1A2C2
- B99EB9
- B19AB1
- A895A9
- A091A0
- 988D98
- 908990
- 888488
Armonías de color
Complementario +180°
- D2ABD3
Blushing Sky
- 9EC79F
≈ French Market
Análogo -30° +30°
- D2ABD3
Blushing Sky
- BDB2E3
≈ Moonraker
- E0A8BC
≈ Apple Infusion
Triádico +120° +240°
- D2ABD3
Blushing Sky
- CFB786
≈ Appalachian Trail
- 83C8D0
≈ Not a Cloud in Sight
Complementario dividido +150° +210°
- D2ABD3
Blushing Sky
- B8C08C
≈ Jitterbug
- 89C9B8
≈ Aquastone
Tetrádico +90° +180° +270°
- D2ABD3
Blushing Sky
- DEAF8F
≈ Boot Hill Ghost
- 9EC79F
≈ French Market
- 8EC2E1
≈ Club Cruise
Contraste y accesibilidad
Ag
FailSobre blanco
WCAG 1.99:1 · APCA Lc 39
Ag
AAASobre negro
WCAG 10.50:1 · APCA Lc 64
Mejor color de texto: #000000
WCAG 10.50:1 (AAA) · APCA Lc 64
Contrast pairs
Fragmentos de código
CSS
:root {
--blushing-sky: #d2abd3;
--blushing-sky-rgb: 210 171 211;
--blushing-sky-oklch: oklch(0.789 0.07 325.4);
}
.element {
color: var(--blushing-sky);
background-color: hsl(299 31% 75%);
border-color: oklch(0.789 0.07 325.4);
}Tailwind CSS v4
@theme {
--color-blushing-sky: #d2abd3;
--color-blushing-sky-50: #ffeeff;
--color-blushing-sky-100: #f5e0f4;
--color-blushing-sky-200: #e5cae4;
--color-blushing-sky-300: #ccabca;
--color-blushing-sky-400: #b490b5;
--color-blushing-sky-500: #9e76a0;
--color-blushing-sky-600: #866487;
--color-blushing-sky-700: #6b506c;
--color-blushing-sky-800: #4e3a50;
--color-blushing-sky-900: #372838;
--color-blushing-sky-950: #211623;
}SCSS
$blushing-sky: #d2abd3;
$blushing-sky-rgb: 210, 171, 211;
$blushing-sky-light: mix(#fff, $blushing-sky, 20%);
$blushing-sky-dark: mix(#000, $blushing-sky, 20%);
.element {
color: $blushing-sky;
box-shadow: 0 0 0 2px rgba($blushing-sky, 0.35);
}