Colore con nome · #B0A3B6
Obi Lilac
Obi Lilac è #B0A3B6: rgb(176 163 182), hsl(281 12% 68%), oklch(0.733 0.031 315.3). Scopri tinte, ombre, armonie, contrasto WCAG e APCA e codice CSS, Tailwind v4 e SCSS.
What does Gray mean? → · Obi Lilac color name →
#B0A3B6
oklch(0.733 0.031 315.3)
Conversioni di colore
- HEX
- #b0a3b6
- RGB
- rgb(176 163 182)
- HSL
- hsl(281 12% 68%)
- HWB
- hwb(281 64% 29%)
- OKLCH
- oklch(0.733 0.031 315.3)
- OKLab
- oklab(0.733 0.022 -0.022)
- CIE Lab
- lab(68.57 7.53 -8.05)
- LCH
- lch(68.57 11.02 313.1)
- CMYK
- cmyk(3% 10% 0% 29%)
Tinte · Ombre · Toni
Tinte
- B8ACBD
- BFB5C4
- C7BECB
- CFC7D3
- D7D0DA
- DFD9E1
- E7E3E9
- EFECF0
- F7F5F8
Ombre
- 998D9E
- 827886
- 6C636F
- 564F59
- 423C44
- 2E2A30
- 1C191D
- 0B0A0C
- 010102
Toni
- AB9FB0
- A69CAB
- A198A5
- 9D95A0
- 98919B
- 938E95
- 8E8A90
- 89878B
- 858385
Armonie di colore
Complementare +180°
- B0A3B6
Obi Lilac
- A0AD9A
≈ Garden
Analogo -30° +30°
- B0A3B6
Obi Lilac
- A6A6BC
≈ Awaken
- B8A1AD
≈ Highland Thistle
Triadico +120° +240°
- B0A3B6
Obi Lilac
- B4A694
≈ Façade
- 93AFAE
≈ Quiet Moment
Complementare divisa +150° +210°
- B0A3B6
Obi Lilac
- ABAA94
≈ Amazon Vine
- 97AFA4
≈ Lovage Green
Tetradico +90° +180° +270°
- B0A3B6
Obi Lilac
- BAA399
≈ Cocoa Craving
- A0AD9A
≈ Garden
- 95ADB7
≈ Pacific Bliss
Contrasto e accessibilità
Ag
FailSu bianco
WCAG 2.39:1 · APCA Lc 47
Ag
AAASu nero
WCAG 8.76:1 · APCA Lc 55
Miglior colore del testo: #000000
WCAG 8.76:1 (AAA) · APCA Lc 55
Contrast pairs
Frammenti di codice
CSS
:root {
--obi-lilac: #b0a3b6;
--obi-lilac-rgb: 176 163 182;
--obi-lilac-oklch: oklch(0.733 0.031 315.3);
}
.element {
color: var(--obi-lilac);
background-color: hsl(281 12% 68%);
border-color: oklch(0.733 0.031 315.3);
}Tailwind CSS v4
@theme {
--color-obi-lilac: #b0a3b6;
--color-obi-lilac-50: #f9f3fb;
--color-obi-lilac-100: #ece5ef;
--color-obi-lilac-200: #dad0dd;
--color-obi-lilac-300: #beb3c2;
--color-obi-lilac-400: #a599ab;
--color-obi-lilac-500: #8e8094;
--color-obi-lilac-600: #786d7d;
--color-obi-lilac-700: #605764;
--color-obi-lilac-800: #463f4a;
--color-obi-lilac-900: #312c33;
--color-obi-lilac-950: #1d191f;
}SCSS
$obi-lilac: #b0a3b6;
$obi-lilac-rgb: 176, 163, 182;
$obi-lilac-light: mix(#fff, $obi-lilac, 20%);
$obi-lilac-dark: mix(#000, $obi-lilac, 20%);
.element {
color: $obi-lilac;
box-shadow: 0 0 0 2px rgba($obi-lilac, 0.35);
}