Nazwany kolor · #AFB2C4
Timeless Lilac
Timeless Lilac to #AFB2C4: rgb(175 178 196), hsl(231 15% 73%), oklch(0.767 0.026 278.2). Zobacz odcienie jaśniejsze i ciemniejsze, harmonie, kontrast WCAG i APCA oraz kod CSS, Tailwind v4 i SCSS.
What does Gray mean? → · Timeless Lilac color name →
#AFB2C4
oklch(0.767 0.026 278.2)
Konwersje koloru
- HEX
- #afb2c4
- RGB
- rgb(175 178 196)
- HSL
- hsl(231 15% 73%)
- HWB
- hwb(231 69% 23%)
- OKLCH
- oklch(0.767 0.026 278.2)
- OKLab
- oklab(0.767 0.004 -0.026)
- CIE Lab
- lab(72.76 1.58 -9.56)
- LCH
- lch(72.76 9.69 279.4)
- CMYK
- cmyk(11% 9% 0% 23%)
Odcienie jaśniejsze · Odcienie ciemniejsze · Tony
Odcienie jaśniejsze
- B7B9CA
- BFC1D0
- C6C9D5
- CED0DB
- D6D8E1
- DEE0E7
- E6E7ED
- EFEFF3
- F7F7F9
Odcienie ciemniejsze
- 989AAA
- 818391
- 6B6D78
- 565761
- 41434A
- 2E2F35
- 1C1D21
- 0B0C0E
- 010102
Tony
- AAADBD
- A5A8B6
- A1A3AF
- 9C9EA8
- 9799A1
- 92949B
- 8E8F94
- 898A8D
- 858587
Harmonie kolorów
Komplementarna +180°
- AFB2C4
Timeless Lilac
- B7B4A1
≈ Tana
Analogowa -30° +30°
- AFB2C4
Timeless Lilac
- A7B5C3
≈ Suds
- B8AFC0
≈ Virtuous Violet
Triada +120° +240°
- AFB2C4
Timeless Lilac
- C3AEA8
≈ Glamorous Taupe
- A6B9AD
≈ Silt Green
Komplementarna rozszczepiona +150° +210°
- AFB2C4
Timeless Lilac
- BFB1A2
≈ Balanced Beige
- AEB7A5
≈ Fennel Stem
Tetrada +90° +180° +270°
- AFB2C4
Timeless Lilac
- C3ADB0
≈ Burnished Lilac
- B7B4A1
≈ Tana
- A2B9B6
≈ Gin Berry
Kontrast i dostępność
Ag
FailNa bieli
WCAG 2.10:1 · APCA Lc 41
Ag
AAANa czerni
WCAG 9.98:1 · APCA Lc 61
Najlepszy kolor tekstu: #000000
WCAG 9.98:1 (AAA) · APCA Lc 61
Contrast pairs
Fragmenty kodu
CSS
:root {
--timeless-lilac: #afb2c4;
--timeless-lilac-rgb: 175 178 196;
--timeless-lilac-oklch: oklch(0.767 0.026 278.2);
}
.element {
color: var(--timeless-lilac);
background-color: hsl(231 15% 73%);
border-color: oklch(0.767 0.026 278.2);
}Tailwind CSS v4
@theme {
--color-timeless-lilac: #afb2c4;
--color-timeless-lilac-50: #f3f4fd;
--color-timeless-lilac-100: #e6e7f1;
--color-timeless-lilac-200: #d2d3df;
--color-timeless-lilac-300: #b4b6c5;
--color-timeless-lilac-400: #9a9dae;
--color-timeless-lilac-500: #828598;
--color-timeless-lilac-600: #6e7080;
--color-timeless-lilac-700: #585a67;
--color-timeless-lilac-800: #40424c;
--color-timeless-lilac-900: #2c2d34;
--color-timeless-lilac-950: #191a20;
}SCSS
$timeless-lilac: #afb2c4;
$timeless-lilac-rgb: 175, 178, 196;
$timeless-lilac-light: mix(#fff, $timeless-lilac, 20%);
$timeless-lilac-dark: mix(#000, $timeless-lilac, 20%);
.element {
color: $timeless-lilac;
box-shadow: 0 0 0 2px rgba($timeless-lilac, 0.35);
}