Color con nombre más cercano · #DDAFDA
#DDAFDA
Color con nombre más cercano: Blushing Sky
#DDAFDA (rgb(221 175 218), hsl(304 40% 78%), oklch(0.809 0.078 328.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.
#DDAFDA
oklch(0.809 0.078 328.4)
Conversiones de color
- HEX
- #ddafda
- RGB
- rgb(221 175 218)
- HSL
- hsl(304 40% 78%)
- HWB
- hwb(304 69% 13%)
- OKLCH
- oklch(0.809 0.078 328.4)
- OKLab
- oklab(0.809 0.066 -0.041)
- CIE Lab
- lab(76.72 22.58 -15.09)
- LCH
- lch(76.72 27.16 326.2)
- CMYK
- cmyk(0% 21% 1% 13%)
Tintes · Sombras · Tonos
Tintes
- E1B7DE
- E4BFE2
- E8C7E5
- EBCFE9
- EFD7ED
- F2DFF0
- F5E7F4
- F9EFF8
- FCF7FB
Sombras
- C098BD
- A481A2
- 886B87
- 6E566C
- 554154
- 3D2E3C
- 261C25
- 110B11
- 020102
Tonos
- D3AAD1
- CAA6C7
- C1A1BE
- B79CB5
- AE98AC
- A593A3
- 9B8E9A
- 928991
- 898589
Armonías de color
Complementario +180°
- DDAFDA
Blushing Sky
- 9ECFA5
≈ Fescue
Análogo -30° +30°
- DDAFDA
Blushing Sky
- C7B6ED
≈ Purple Sand
- EBACC0
≈ Kawaii
Triádico +120° +240°
- DDAFDA
Blushing Sky
- D5BE86
≈ Honey Tea
- 82CFDB
≈ Water Nymph
Complementario dividido +150° +210°
- DDAFDA
Blushing Sky
- BBC88F
≈ Marsh Fern
- 87D1C1
≈ Blue Frosting
Tetrádico +90° +180° +270°
- DDAFDA
Blushing Sky
- E7B58E
≈ Southern Peach
- 9ECFA5
≈ Fescue
- 91C8EE
≈ Pacific Ocean
Contraste y accesibilidad
Ag
FailSobre blanco
WCAG 1.87:1 · APCA Lc 35
Ag
AAASobre negro
WCAG 11.21:1 · APCA Lc 67
Mejor color de texto: #000000
WCAG 11.21:1 (AAA) · APCA Lc 67
Contrast pairs
Fragmentos de código
CSS
:root {
--blushing-sky: #ddafda;
--blushing-sky-rgb: 221 175 218;
--blushing-sky-oklch: oklch(0.809 0.078 328.4);
}
.element {
color: var(--blushing-sky);
background-color: hsl(304 40% 78%);
border-color: oklch(0.809 0.078 328.4);
}Tailwind CSS v4
@theme {
--color-blushing-sky: #ddafda;
--color-blushing-sky-50: #ffeeff;
--color-blushing-sky-100: #f8dff4;
--color-blushing-sky-200: #e8c9e4;
--color-blushing-sky-300: #cfa9ca;
--color-blushing-sky-400: #b88eb6;
--color-blushing-sky-500: #a373a0;
--color-blushing-sky-600: #8a6287;
--color-blushing-sky-700: #6e4e6c;
--color-blushing-sky-800: #513951;
--color-blushing-sky-900: #382738;
--color-blushing-sky-950: #231523;
}SCSS
$blushing-sky: #ddafda;
$blushing-sky-rgb: 221, 175, 218;
$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);
}