Nazwany kolor · #C8A4BF
Lilac Fluff
Lilac Fluff to #C8A4BF: rgb(200 164 191), hsl(315 25% 71%), oklch(0.759 0.056 335.1). Zobacz odcienie jaśniejsze i ciemniejsze, harmonie, kontrast WCAG i APCA oraz kod CSS, Tailwind v4 i SCSS.
What does Pink mean? → · Lilac Fluff color name →
#C8A4BF
oklch(0.759 0.056 335.1)
Konwersje koloru
- HEX
- #c8a4bf
- RGB
- rgb(200 164 191)
- HSL
- hsl(315 25% 71%)
- HWB
- hwb(315 64% 22%)
- OKLCH
- oklch(0.759 0.056 335.1)
- OKLab
- oklab(0.759 0.051 -0.023)
- CIE Lab
- lab(71.3 17.03 -8.68)
- LCH
- lch(71.3 19.12 333)
- CMYK
- cmyk(0% 18% 4% 22%)
Odcienie jaśniejsze · Odcienie ciemniejsze · Tony
Odcienie jaśniejsze
- CEADC5
- D3B6CC
- D9BFD2
- DEC8D8
- E4D1DF
- E9DAE5
- EFE3EC
- F4ECF2
- FAF6F8
Odcienie ciemniejsze
- AE8EA6
- 94798D
- 7B6475
- 63505E
- 4C3D48
- 362B33
- 211A1F
- 0F0A0D
- 020102
Tony
- C1A0B9
- B99DB2
- B299AC
- AB96A5
- A4929F
- 9C8E99
- 958B92
- 8E878C
- 878486
Harmonie kolorów
Komplementarna +180°
- C8A4BF
Lilac Fluff
- 95BCA2
≈ Greyed Jade
Analogowa -30° +30°
- C8A4BF
Lilac Fluff
- B9A8CE
≈ Lavendula
- D1A3AC
≈ Lady Flower
Triada +120° +240°
- C8A4BF
Lilac Fluff
- BCB189
≈ Weaver’s Spool
- 88BAC7
≈ Sea Angel
Komplementarna rozszczepiona +150° +210°
- C8A4BF
Lilac Fluff
- A9B891
≈ Casa Verde
- 89BDB5
≈ Morning Green
Tetrada +90° +180° +270°
- C8A4BF
Lilac Fluff
- CAAA8C
≈ Semolina
- 95BCA2
≈ Greyed Jade
- 94B5D2
≈ Oxygen Blue
Kontrast i dostępność
Ag
FailNa bieli
WCAG 2.20:1 · APCA Lc 43
Ag
AAANa czerni
WCAG 9.51:1 · APCA Lc 59
Najlepszy kolor tekstu: #000000
WCAG 9.51:1 (AAA) · APCA Lc 59
Contrast pairs
Fragmenty kodu
CSS
:root {
--lilac-fluff: #c8a4bf;
--lilac-fluff-rgb: 200 164 191;
--lilac-fluff-oklch: oklch(0.759 0.056 335.1);
}
.element {
color: var(--lilac-fluff);
background-color: hsl(315 25% 71%);
border-color: oklch(0.759 0.056 335.1);
}Tailwind CSS v4
@theme {
--color-lilac-fluff: #c8a4bf;
--color-lilac-fluff-50: #ffeffb;
--color-lilac-fluff-100: #f5e1ef;
--color-lilac-fluff-200: #e5ccdd;
--color-lilac-fluff-300: #cbadc2;
--color-lilac-fluff-400: #b492ac;
--color-lilac-fluff-500: #9e7895;
--color-lilac-fluff-600: #86667e;
--color-lilac-fluff-700: #6b5265;
--color-lilac-fluff-800: #4e3b4b;
--color-lilac-fluff-900: #372934;
--color-lilac-fluff-950: #21171f;
}SCSS
$lilac-fluff: #c8a4bf;
$lilac-fluff-rgb: 200, 164, 191;
$lilac-fluff-light: mix(#fff, $lilac-fluff, 20%);
$lilac-fluff-dark: mix(#000, $lilac-fluff, 20%);
.element {
color: $lilac-fluff;
box-shadow: 0 0 0 2px rgba($lilac-fluff, 0.35);
}