Nazwany kolor · #C5AEB1
Burnished Lilac
Burnished Lilac to #C5AEB1: rgb(197 174 177), hsl(352 17% 73%), oklch(0.771 0.027 8.8). Zobacz odcienie jaśniejsze i ciemniejsze, harmonie, kontrast WCAG i APCA oraz kod CSS, Tailwind v4 i SCSS.
What does Gray mean? → · Burnished Lilac color name →
#C5AEB1
oklch(0.771 0.027 8.8)
Konwersje koloru
- HEX
- #c5aeb1
- RGB
- rgb(197 174 177)
- HSL
- hsl(352 17% 73%)
- HWB
- hwb(352 68% 23%)
- OKLCH
- oklch(0.771 0.027 8.8)
- OKLab
- oklab(0.771 0.027 0.004)
- CIE Lab
- lab(73.18 8.95 1.66)
- LCH
- lch(73.18 9.1 10.5)
- CMYK
- cmyk(0% 12% 10% 23%)
Odcienie jaśniejsze · Odcienie ciemniejsze · Tony
Odcienie jaśniejsze
- CBB6B9
- D1BEC0
- D6C6C8
- DCCED0
- E2D6D7
- E8DEDF
- EEE6E7
- F3EEEF
- F9F7F7
Odcienie ciemniejsze
- AB9799
- 928083
- 796A6C
- 615557
- 4B4142
- 352E2F
- 211C1C
- 0E0B0C
- 020101
Tony
- BEA9AC
- B7A5A7
- B0A0A2
- A99B9D
- A29798
- 9B9293
- 948E8E
- 8D898A
- 878585
Harmonie kolorów
Komplementarna +180°
- C5AEB1
Burnished Lilac
- A2BBB8
≈ Festoon Aqua
Analogowa -30° +30°
- C5AEB1
Burnished Lilac
- C1AEBA
≈ Mischief
- C5AFA8
≈ Glamorous Taupe
Triada +120° +240°
- C5AEB1
Burnished Lilac
- AFB8A6
≈ Matt Sage
- A8B7C6
≈ Paris Grey
Komplementarna rozszczepiona +150° +210°
- C5AEB1
Burnished Lilac
- A7BAAE
≈ Quiet Teal
- A3B9C0
≈ Hopeful Blue
Tetrada +90° +180° +270°
- C5AEB1
Burnished Lilac
- B9B5A2
≈ Tana
- A2BBB8
≈ Festoon Aqua
- B0B3C6
≈ Filtered Light
Kontrast i dostępność
Ag
FailNa bieli
WCAG 2.08:1 · APCA Lc 41
Ag
AAANa czerni
WCAG 10.06:1 · APCA Lc 61
Najlepszy kolor tekstu: #000000
WCAG 10.06:1 (AAA) · APCA Lc 61
Contrast pairs
Fragmenty kodu
CSS
:root {
--burnished-lilac: #c5aeb1;
--burnished-lilac-rgb: 197 174 177;
--burnished-lilac-oklch: oklch(0.771 0.027 8.8);
}
.element {
color: var(--burnished-lilac);
background-color: hsl(352 17% 73%);
border-color: oklch(0.771 0.027 8.8);
}Tailwind CSS v4
@theme {
--color-burnished-lilac: #c5aeb1;
--color-burnished-lilac-50: #fdf2f3;
--color-burnished-lilac-100: #f1e4e6;
--color-burnished-lilac-200: #dfd0d1;
--color-burnished-lilac-300: #c5b2b4;
--color-burnished-lilac-400: #ae989b;
--color-burnished-lilac-500: #977f82;
--color-burnished-lilac-600: #806c6e;
--color-burnished-lilac-700: #665658;
--color-burnished-lilac-800: #4b3f41;
--color-burnished-lilac-900: #342b2d;
--color-burnished-lilac-950: #1f181a;
}SCSS
$burnished-lilac: #c5aeb1;
$burnished-lilac-rgb: 197, 174, 177;
$burnished-lilac-light: mix(#fff, $burnished-lilac, 20%);
$burnished-lilac-dark: mix(#000, $burnished-lilac, 20%);
.element {
color: $burnished-lilac;
box-shadow: 0 0 0 2px rgba($burnished-lilac, 0.35);
}