Nazwany kolor · #B0A3B6
Obi Lilac
Obi Lilac to #B0A3B6: rgb(176 163 182), hsl(281 12% 68%), oklch(0.733 0.031 315.3). Zobacz odcienie jaśniejsze i ciemniejsze, harmonie, kontrast WCAG i APCA oraz kod CSS, Tailwind v4 i SCSS.
What does Gray mean? → · Obi Lilac color name →
#B0A3B6
oklch(0.733 0.031 315.3)
Konwersje koloru
- 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%)
Odcienie jaśniejsze · Odcienie ciemniejsze · Tony
Odcienie jaśniejsze
- B8ACBD
- BFB5C4
- C7BECB
- CFC7D3
- D7D0DA
- DFD9E1
- E7E3E9
- EFECF0
- F7F5F8
Odcienie ciemniejsze
- 998D9E
- 827886
- 6C636F
- 564F59
- 423C44
- 2E2A30
- 1C191D
- 0B0A0C
- 010102
Tony
- AB9FB0
- A69CAB
- A198A5
- 9D95A0
- 98919B
- 938E95
- 8E8A90
- 89878B
- 858385
Harmonie kolorów
Komplementarna +180°
- B0A3B6
Obi Lilac
- A0AD9A
≈ Garden
Analogowa -30° +30°
- B0A3B6
Obi Lilac
- A6A6BC
≈ Awaken
- B8A1AD
≈ Highland Thistle
Triada +120° +240°
- B0A3B6
Obi Lilac
- B4A694
≈ Façade
- 93AFAE
≈ Quiet Moment
Komplementarna rozszczepiona +150° +210°
- B0A3B6
Obi Lilac
- ABAA94
≈ Amazon Vine
- 97AFA4
≈ Lovage Green
Tetrada +90° +180° +270°
- B0A3B6
Obi Lilac
- BAA399
≈ Cocoa Craving
- A0AD9A
≈ Garden
- 95ADB7
≈ Pacific Bliss
Kontrast i dostępność
Ag
FailNa bieli
WCAG 2.39:1 · APCA Lc 47
Ag
AAANa czerni
WCAG 8.76:1 · APCA Lc 55
Najlepszy kolor tekstu: #000000
WCAG 8.76:1 (AAA) · APCA Lc 55
Contrast pairs
Fragmenty kodu
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);
}