Benannte Farbe · #DAD5D9
Gentle Violet
Gentle Violet ist #DAD5D9: rgb(218 213 217), hsl(312 6% 85%), oklch(0.878 0.008 332.1). Mit Tints, Shades, Harmonien, WCAG- & APCA-Kontrast sowie CSS-, Tailwind-v4- und SCSS-Code.
What does Gray mean? → · Gentle Violet color name →
#DAD5D9
oklch(0.878 0.008 332.1)
Farbumrechnungen
- HEX
- #dad5d9
- RGB
- rgb(218 213 217)
- HSL
- hsl(312 6% 85%)
- HWB
- hwb(312 84% 15%)
- OKLCH
- oklch(0.878 0.008 332.1)
- OKLab
- oklab(0.878 0.007 -0.004)
- CIE Lab
- lab(85.76 2.31 -1.34)
- LCH
- lch(85.76 2.67 329.8)
- CMYK
- cmyk(0% 2% 0% 15%)
Tints · Shades · Tones
Tints
- DED9DD
- E1DDE1
- E5E1E4
- E9E6E8
- ECEAEC
- F0EEF0
- F4F2F3
- F8F6F7
- FBFBFB
Shades
- BDB9BC
- A29EA1
- 878386
- 6C6A6C
- 545153
- 3C3A3B
- 252425
- 111011
- 020202
Tones
- D1CCD0
- C7C3C7
- BEBBBD
- B5B2B4
- ACAAAB
- A3A1A3
- 9A999A
- 919091
- 898888
Farbharmonien
Komplementär +180°
- DAD5D9
Gentle Violet
- D3D8D4
≈ Curio
Analog -30° +30°
- DAD5D9
Gentle Violet
- D8D6DB
≈ Delicate Viola
- DCD5D6
≈ So Shy
Triadisch +120° +240°
- DAD5D9
Gentle Violet
- D8D7D1
≈ Fog Beacon
- D1D8DA
≈ Snow Quartz
Geteilt komplementär +150° +210°
- DAD5D9
Gentle Violet
- D6D8D2
≈ Blizzard Fog
- D2D9D7
≈ Summer Shade
Tetradisch +90° +180° +270°
- DAD5D9
Gentle Violet
- DBD6D2
≈ Pathway
- D3D8D4
≈ Curio
- D3D8DC
≈ Supreme Pontiff
Kontrast & Barrierefreiheit
Ag
FailAuf Weiß
WCAG 1.44:1 · APCA Lc 21
Ag
AAAAuf Schwarz
WCAG 14.50:1 · APCA Lc 82
Beste Textfarbe: #000000
WCAG 14.50:1 (AAA) · APCA Lc 82
Contrast pairs
Code-Snippets
CSS
:root {
--gentle-violet: #dad5d9;
--gentle-violet-rgb: 218 213 217;
--gentle-violet-oklch: oklch(0.878 0.008 332.1);
}
.element {
color: var(--gentle-violet);
background-color: hsl(312 6% 85%);
border-color: oklch(0.878 0.008 332.1);
}Tailwind CSS v4
@theme {
--color-gentle-violet: #dad5d9;
--color-gentle-violet-50: #f6f4f6;
--color-gentle-violet-100: #e9e7e9;
--color-gentle-violet-200: #d6d3d5;
--color-gentle-violet-300: #bab6b9;
--color-gentle-violet-400: #a19da0;
--color-gentle-violet-500: #898488;
--color-gentle-violet-600: #747073;
--color-gentle-violet-700: #5d5a5c;
--color-gentle-violet-800: #444144;
--color-gentle-violet-900: #2f2d2f;
--color-gentle-violet-950: #1b1a1b;
}SCSS
$gentle-violet: #dad5d9;
$gentle-violet-rgb: 218, 213, 217;
$gentle-violet-light: mix(#fff, $gentle-violet, 20%);
$gentle-violet-dark: mix(#000, $gentle-violet, 20%);
.element {
color: $gentle-violet;
box-shadow: 0 0 0 2px rgba($gentle-violet, 0.35);
}