لون مسمّى · #DAD6DF
Violet Whimsey
Violet Whimsey هو #DAD6DF: rgb(218 214 223)، hsl(267 12% 86%)، oklch(0.882 0.013 306). شاهد الدرجات الفاتحة والداكنة والتناسقات وتباين WCAG وAPCA وأكواد CSS وTailwind v4 وSCSS.
What does Gray mean? → · Violet Whimsey color name →
#DAD6DF
oklch(0.882 0.013 306)
تحويلات الألوان
- 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%)
درجات فاتحة · درجات داكنة · درجات رمادية
درجات فاتحة
- DEDAE2
- E1DEE5
- E5E2E9
- E9E6EC
- ECEAEF
- F0EEF2
- F4F3F5
- F8F7F9
- FBFBFC
درجات داكنة
- BDBAC2
- A29EA5
- 87848A
- 6C6A6F
- 545256
- 3C3B3D
- 252527
- 111012
- 020202
درجات رمادية
- D1CDD5
- C7C4CB
- BEBBC2
- B5B3B8
- ACAAAE
- A3A1A5
- 9A999B
- 919192
- 898889
تناسق الألوان
متمم +180°
- DAD6DF
Violet Whimsey
- D6DAD1
≈ Light Cipollino
متجاور -30° +30°
- DAD6DF
Violet Whimsey
- D5D8E1
≈ So Blue-Berry
- DED5DB
≈ Fairy White
ثلاثي +120° +240°
- DAD6DF
Violet Whimsey
- DED7CF
≈ Light Crushed Almond
- CFDBD9
≈ Morning Fog
متمم منقسم +150° +210°
- DAD6DF
Violet Whimsey
- DAD8CF
≈ Silent Smoke
- D2DBD4
≈ Light Zen
رباعي +90° +180° +270°
- DAD6DF
Violet Whimsey
- E0D5D2
≈ Light Weathered Hide
- D6DAD1
≈ Light Cipollino
- CFDADD
≈ Wisteria Snow
التباين وإمكانية الوصول
Ag
Failعلى الأبيض
WCAG 1.43:1 · APCA Lc 21
Ag
AAAعلى الأسود
WCAG 14.66:1 · APCA Lc 83
أفضل لون للنص: #000000
WCAG 14.66:1 (AAA) · APCA Lc 83
Contrast pairs
مقتطفات الأكواد
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);
}