Benannte Farbe · #B09F9E
Violet Vista
Violet Vista ist #B09F9E: rgb(176 159 158), hsl(3 10% 65%), oklch(0.717 0.02 21.7). Mit Tints, Shades, Harmonien, WCAG- & APCA-Kontrast sowie CSS-, Tailwind-v4- und SCSS-Code.
What does Gray mean? → · Violet Vista color name →
#B09F9E
oklch(0.717 0.02 21.7)
Farbumrechnungen
- HEX
- #b09f9e
- RGB
- rgb(176 159 158)
- HSL
- hsl(3 10% 65%)
- HWB
- hwb(3 62% 31%)
- OKLCH
- oklch(0.717 0.02 21.7)
- OKLab
- oklab(0.717 0.019 0.007)
- CIE Lab
- lab(66.97 6.3 2.9)
- LCH
- lch(66.97 6.93 24.8)
- CMYK
- cmyk(0% 10% 10% 31%)
Tints · Shades · Tones
Tints
- B8A8A7
- BFB2B1
- C7BBBA
- CFC4C4
- D7CECD
- DFD8D7
- E7E1E1
- EFEBEB
- F7F5F5
Shades
- 998A89
- 827574
- 6C6160
- 564D4D
- 423B3A
- 2E2929
- 1C1818
- 0B0909
- 010101
Tones
- AB9C9B
- A69998
- A19695
- 9D9292
- 988F8F
- 938C8C
- 8E8989
- 898686
- 858383
Farbharmonien
Komplementär +180°
- B09F9E
Violet Vista
- 96A8A9
≈ Mythical Blue
Analog -30° +30°
- B09F9E
Violet Vista
- AE9FA5
≈ Violet Vista
- AEA098
≈ Moleskin
Triadisch +120° +240°
- B09F9E
Violet Vista
- 9DA79B
≈ Secret Retreat
- 9DA4B1
≈ Great Falls
Geteilt komplementär +150° +210°
- B09F9E
Violet Vista
- 98A8A2
≈ Galway Bay
- 98A6AE
≈ Celestra Grey
Tetradisch +90° +180° +270°
- B09F9E
Violet Vista
- A4A597
≈ Whale Watching
- 96A8A9
≈ Mythical Blue
- A3A2B0
≈ Spun Pearl
Kontrast & Barrierefreiheit
Ag
FailAuf Weiß
WCAG 2.53:1 · APCA Lc 50
Ag
AAAAuf Schwarz
WCAG 8.29:1 · APCA Lc 52
Beste Textfarbe: #000000
WCAG 8.29:1 (AAA) · APCA Lc 52
Contrast pairs
Code-Snippets
CSS
:root {
--violet-vista: #b09f9e;
--violet-vista-rgb: 176 159 158;
--violet-vista-oklch: oklch(0.717 0.02 21.7);
}
.element {
color: var(--violet-vista);
background-color: hsl(3 10% 65%);
border-color: oklch(0.717 0.02 21.7);
}Tailwind CSS v4
@theme {
--color-violet-vista: #b09f9e;
--color-violet-vista-50: #fbf3f2;
--color-violet-vista-100: #efe5e5;
--color-violet-vista-200: #ddd1d0;
--color-violet-vista-300: #c2b4b2;
--color-violet-vista-400: #aa9a99;
--color-violet-vista-500: #938180;
--color-violet-vista-600: #7c6d6d;
--color-violet-vista-700: #645757;
--color-violet-vista-800: #49403f;
--color-violet-vista-900: #332c2c;
--color-violet-vista-950: #1e1919;
}SCSS
$violet-vista: #b09f9e;
$violet-vista-rgb: 176, 159, 158;
$violet-vista-light: mix(#fff, $violet-vista, 20%);
$violet-vista-dark: mix(#000, $violet-vista, 20%);
.element {
color: $violet-vista;
box-shadow: 0 0 0 2px rgba($violet-vista, 0.35);
}