Benannte Farbe · #D6C7D6
Shy Violet
Shy Violet ist #D6C7D6: rgb(214 199 214), hsl(300 15% 81%), oklch(0.846 0.026 325.8). Mit Tints, Shades, Harmonien, WCAG- & APCA-Kontrast sowie CSS-, Tailwind-v4- und SCSS-Code.
What does Gray mean? → · Shy Violet color name →
#D6C7D6
oklch(0.846 0.026 325.8)
Farbumrechnungen
- HEX
- #d6c7d6
- RGB
- rgb(214 199 214)
- HSL
- hsl(300 15% 81%)
- HWB
- hwb(300 78% 16%)
- OKLCH
- oklch(0.846 0.026 325.8)
- OKLab
- oklab(0.846 0.022 -0.015)
- CIE Lab
- lab(81.83 7.41 -5.51)
- LCH
- lch(81.83 9.23 323.4)
- CMYK
- cmyk(0% 7% 0% 16%)
Tints · Shades · Tones
Tints
- DACCDA
- DED2DE
- E2D8E2
- E6DDE6
- EAE3EA
- EFE8EE
- F3EEF3
- F7F4F7
- FBF9FB
Shades
- BAADBA
- 9E939E
- 847A84
- 6A626A
- 524C52
- 3B363B
- 252125
- 100E10
- 020202
Tones
- CDC0CD
- C4B8C4
- BBB1BB
- B3AAB3
- AAA3AA
- A19CA1
- 999599
- 918E91
- 888788
Farbharmonien
Komplementär +180°
- D6C7D6
Shy Violet
- C2D1C3
≈ Frosted Jade
Analog -30° +30°
- D6C7D6
Shy Violet
- CEC9DC
≈ Dust of the Moon
- DCC6CD
≈ Kellie Belle
Triadisch +120° +240°
- D6C7D6
Shy Violet
- D4CCBA
≈ Gentle Shadows
- BAD2D5
≈ Relax
Geteilt komplementär +150° +210°
- D6C7D6
Shy Violet
- CBCFBC
≈ Terrace View
- BCD3CC
≈ Quaver
Tetradisch +90° +180° +270°
- D6C7D6
Shy Violet
- DBC9BD
≈ Coconut Macaroon
- C2D1C3
≈ Frosted Jade
- BDD0DC
≈ Snowbell
Kontrast & Barrierefreiheit
Ag
FailAuf Weiß
WCAG 1.61:1 · APCA Lc 28
Ag
AAAAuf Schwarz
WCAG 12.99:1 · APCA Lc 75
Beste Textfarbe: #000000
WCAG 12.99:1 (AAA) · APCA Lc 75
Contrast pairs
Code-Snippets
CSS
:root {
--shy-violet: #d6c7d6;
--shy-violet-rgb: 214 199 214;
--shy-violet-oklch: oklch(0.846 0.026 325.8);
}
.element {
color: var(--shy-violet);
background-color: hsl(300 15% 81%);
border-color: oklch(0.846 0.026 325.8);
}Tailwind CSS v4
@theme {
--color-shy-violet: #d6c7d6;
--color-shy-violet-50: #f9f3f9;
--color-shy-violet-100: #ede5ec;
--color-shy-violet-200: #dbd0da;
--color-shy-violet-300: #bfb3be;
--color-shy-violet-400: #a799a7;
--color-shy-violet-500: #908090;
--color-shy-violet-600: #7a6d7a;
--color-shy-violet-700: #615761;
--color-shy-violet-800: #473f48;
--color-shy-violet-900: #312c32;
--color-shy-violet-950: #1d191e;
}SCSS
$shy-violet: #d6c7d6;
$shy-violet-rgb: 214, 199, 214;
$shy-violet-light: mix(#fff, $shy-violet, 20%);
$shy-violet-dark: mix(#000, $shy-violet, 20%);
.element {
color: $shy-violet;
box-shadow: 0 0 0 2px rgba($shy-violet, 0.35);
}