Nazwany kolor · #A4ABBF
Lilac Time
Lilac Time to #A4ABBF: rgb(164 171 191), hsl(224 17% 70%), oklch(0.742 0.03 270.3). Zobacz odcienie jaśniejsze i ciemniejsze, harmonie, kontrast WCAG i APCA oraz kod CSS, Tailwind v4 i SCSS.
What does Gray mean? → · Lilac Time color name →
#A4ABBF
oklch(0.742 0.03 270.3)
Konwersje koloru
- HEX
- #a4abbf
- RGB
- rgb(164 171 191)
- HSL
- hsl(224 17% 70%)
- HWB
- hwb(224 64% 25%)
- OKLCH
- oklch(0.742 0.03 270.3)
- OKLab
- oklab(0.742 0 -0.03)
- CIE Lab
- lab(69.9 0.52 -11.17)
- LCH
- lch(69.9 11.18 272.7)
- CMYK
- cmyk(14% 10% 0% 25%)
Odcienie jaśniejsze · Odcienie ciemniejsze · Tony
Odcienie jaśniejsze
- ADB3C5
- B6BBCC
- BFC4D2
- C7CCD8
- D1D4DF
- DADDE5
- E3E5EC
- ECEEF2
- F6F6F9
Odcienie ciemniejsze
- 8E94A6
- 797E8D
- 646875
- 50545E
- 3D4048
- 2B2D33
- 1A1B1F
- 0A0B0D
- 010102
Tony
- A0A7B9
- 9DA2B2
- 999EAC
- 959AA5
- 92959F
- 8E9199
- 8B8D93
- 87888C
- 848486
Harmonie kolorów
Komplementarna +180°
- A4ABBF
Lilac Time
- B3AB97
≈ Shaggy Barked
Analogowa -30° +30°
- A4ABBF
Lilac Time
- 9BAEBD
≈ Russian Blue
- AEA8BC
≈ Morning Mist Grey
Triada +120° +240°
- A4ABBF
Lilac Time
- BEA5A0
≈ Mohair Mauve
- 9FB1A2
≈ Powdered Gum
Komplementarna rozszczepiona +150° +210°
- A4ABBF
Lilac Time
- BAA899
≈ Ginger Grey Yellow
- A9AF9A
≈ Ending Spring
Tetrada +90° +180° +270°
- A4ABBF
Lilac Time
- BDA4AA
≈ Cold Pink
- B3AB97
≈ Shaggy Barked
- 98B2AC
≈ Tiamo
Kontrast i dostępność
Ag
FailNa bieli
WCAG 2.29:1 · APCA Lc 45
Ag
AAANa czerni
WCAG 9.15:1 · APCA Lc 57
Najlepszy kolor tekstu: #000000
WCAG 9.15:1 (AAA) · APCA Lc 57
Contrast pairs
Fragmenty kodu
CSS
:root {
--lilac-time: #a4abbf;
--lilac-time-rgb: 164 171 191;
--lilac-time-oklch: oklch(0.742 0.03 270.3);
}
.element {
color: var(--lilac-time);
background-color: hsl(224 17% 70%);
border-color: oklch(0.742 0.03 270.3);
}Tailwind CSS v4
@theme {
--color-lilac-time: #a4abbf;
--color-lilac-time-50: #f2f5fe;
--color-lilac-time-100: #e4e7f2;
--color-lilac-time-200: #d0d4e1;
--color-lilac-time-300: #b2b7c7;
--color-lilac-time-400: #979eb1;
--color-lilac-time-500: #7e869b;
--color-lilac-time-600: #6b7183;
--color-lilac-time-700: #555a69;
--color-lilac-time-800: #3e424d;
--color-lilac-time-900: #2b2e36;
--color-lilac-time-950: #181a21;
}SCSS
$lilac-time: #a4abbf;
$lilac-time-rgb: 164, 171, 191;
$lilac-time-light: mix(#fff, $lilac-time, 20%);
$lilac-time-dark: mix(#000, $lilac-time, 20%);
.element {
color: $lilac-time;
box-shadow: 0 0 0 2px rgba($lilac-time, 0.35);
}