Color con nombre · #DAD6DF
Violet Whimsey
Violet Whimsey es #DAD6DF: rgb(218 214 223), hsl(267 12% 86%), oklch(0.882 0.013 306). Mira tintes, sombras, armonías, contraste WCAG y APCA, y código CSS, Tailwind v4 y SCSS.
What does Gray mean? → · Violet Whimsey color name →
#DAD6DF
oklch(0.882 0.013 306)
Conversiones de color
- HEX
- #dad6df
- RGB
- rgb(218 214 223)
- HSL
- hsl(267 12% 86%)
- HWB
- hwb(267 84% 13%)
- OKLCH
- oklch(0.882 0.013 306)
- OKLab
- oklab(0.882 0.008 -0.01)
- CIE Lab
- lab(86.15 2.63 -3.94)
- LCH
- lch(86.15 4.74 303.8)
- CMYK
- cmyk(2% 4% 0% 13%)
Tintes · Sombras · Tonos
Tintes
- DEDAE2
- E1DEE5
- E5E2E9
- E9E6EC
- ECEAEF
- F0EEF2
- F4F3F5
- F8F7F9
- FBFBFC
Sombras
- BDBAC2
- A29EA5
- 87848A
- 6C6A6F
- 545256
- 3C3B3D
- 252527
- 111012
- 020202
Tonos
- D1CDD5
- C7C4CB
- BEBBC2
- B5B3B8
- ACAAAE
- A3A1A5
- 9A999B
- 919192
- 898889
Armonías de color
Complementario +180°
- DAD6DF
Violet Whimsey
- D6DAD1
≈ Light Cipollino
Análogo -30° +30°
- DAD6DF
Violet Whimsey
- D5D8E1
≈ So Blue-Berry
- DED5DB
≈ Fairy White
Triádico +120° +240°
- DAD6DF
Violet Whimsey
- DED7CF
≈ Light Crushed Almond
- CFDBD9
≈ Morning Fog
Complementario dividido +150° +210°
- DAD6DF
Violet Whimsey
- DAD8CF
≈ Silent Smoke
- D2DBD4
≈ Light Zen
Tetrádico +90° +180° +270°
- DAD6DF
Violet Whimsey
- E0D5D2
≈ Light Weathered Hide
- D6DAD1
≈ Light Cipollino
- CFDADD
≈ Wisteria Snow
Contraste y accesibilidad
Ag
FailSobre blanco
WCAG 1.43:1 · APCA Lc 21
Ag
AAASobre negro
WCAG 14.66:1 · APCA Lc 83
Mejor color de texto: #000000
WCAG 14.66:1 (AAA) · APCA Lc 83
Contrast pairs
Fragmentos de código
CSS
:root {
--violet-whimsey: #dad6df;
--violet-whimsey-rgb: 218 214 223;
--violet-whimsey-oklch: oklch(0.882 0.013 306);
}
.element {
color: var(--violet-whimsey);
background-color: hsl(267 12% 86%);
border-color: oklch(0.882 0.013 306);
}Tailwind CSS v4
@theme {
--color-violet-whimsey: #dad6df;
--color-violet-whimsey-50: #f6f4f8;
--color-violet-whimsey-100: #e9e7eb;
--color-violet-whimsey-200: #d6d3d9;
--color-violet-whimsey-300: #b9b6bd;
--color-violet-whimsey-400: #a09da5;
--color-violet-whimsey-500: #88848d;
--color-violet-whimsey-600: #737077;
--color-violet-whimsey-700: #5c5960;
--color-violet-whimsey-800: #434146;
--color-violet-whimsey-900: #2e2d30;
--color-violet-whimsey-950: #1b1a1d;
}SCSS
$violet-whimsey: #dad6df;
$violet-whimsey-rgb: 218, 214, 223;
$violet-whimsey-light: mix(#fff, $violet-whimsey, 20%);
$violet-whimsey-dark: mix(#000, $violet-whimsey, 20%);
.element {
color: $violet-whimsey;
box-shadow: 0 0 0 2px rgba($violet-whimsey, 0.35);
}