Nazwany kolor · #B09F9E
Violet Vista
Violet Vista to #B09F9E: rgb(176 159 158), hsl(3 10% 65%), oklch(0.717 0.02 21.7). Zobacz odcienie jaśniejsze i ciemniejsze, harmonie, kontrast WCAG i APCA oraz kod CSS, Tailwind v4 i SCSS.
What does Gray mean? → · Violet Vista color name →
#B09F9E
oklch(0.717 0.02 21.7)
Konwersje koloru
- 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%)
Odcienie jaśniejsze · Odcienie ciemniejsze · Tony
Odcienie jaśniejsze
- B8A8A7
- BFB2B1
- C7BBBA
- CFC4C4
- D7CECD
- DFD8D7
- E7E1E1
- EFEBEB
- F7F5F5
Odcienie ciemniejsze
- 998A89
- 827574
- 6C6160
- 564D4D
- 423B3A
- 2E2929
- 1C1818
- 0B0909
- 010101
Tony
- AB9C9B
- A69998
- A19695
- 9D9292
- 988F8F
- 938C8C
- 8E8989
- 898686
- 858383
Harmonie kolorów
Komplementarna +180°
- B09F9E
Violet Vista
- 96A8A9
≈ Mythical Blue
Analogowa -30° +30°
- B09F9E
Violet Vista
- AE9FA5
≈ Violet Vista
- AEA098
≈ Moleskin
Triada +120° +240°
- B09F9E
Violet Vista
- 9DA79B
≈ Secret Retreat
- 9DA4B1
≈ Great Falls
Komplementarna rozszczepiona +150° +210°
- B09F9E
Violet Vista
- 98A8A2
≈ Galway Bay
- 98A6AE
≈ Celestra Grey
Tetrada +90° +180° +270°
- B09F9E
Violet Vista
- A4A597
≈ Whale Watching
- 96A8A9
≈ Mythical Blue
- A3A2B0
≈ Spun Pearl
Kontrast i dostępność
Ag
FailNa bieli
WCAG 2.53:1 · APCA Lc 50
Ag
AAANa czerni
WCAG 8.29:1 · APCA Lc 52
Najlepszy kolor tekstu: #000000
WCAG 8.29:1 (AAA) · APCA Lc 52
Contrast pairs
Fragmenty kodu
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);
}