Benoemde kleur · #BFC2CE
Powder Lilac
Powder Lilac is #BFC2CE: rgb(191 194 206), hsl(228 13% 78%), oklch(0.815 0.017 274.8). Bekijk tinten, schaduwen, harmonieën, WCAG- en APCA-contrast en CSS-, Tailwind v4- en SCSS-code.
What does Gray mean? → · Powder Lilac color name →
#BFC2CE
oklch(0.815 0.017 274.8)
Kleurconversies
- HEX
- #bfc2ce
- RGB
- rgb(191 194 206)
- HSL
- hsl(228 13% 78%)
- HWB
- hwb(228 75% 19%)
- OKLCH
- oklch(0.815 0.017 274.8)
- OKLab
- oklab(0.815 0.001 -0.017)
- CIE Lab
- lab(78.47 0.65 -6.41)
- LCH
- lch(78.47 6.45 275.8)
- CMYK
- cmyk(7% 6% 0% 19%)
Tinten · Schaduwen · Tonen
Tinten
- C5C8D3
- CCCED8
- D2D4DD
- D8DAE1
- DFE0E6
- E5E6EB
- EBECF0
- F2F3F5
- F8F9FA
Schaduwen
- A6A8B3
- 8D8F98
- 75777F
- 5E6066
- 48494E
- 333438
- 1F2023
- 0D0E0F
- 020202
Tonen
- B8BBC6
- B2B4BE
- ACAEB6
- A5A7AE
- 9FA0A6
- 999A9E
- 929397
- 8C8D8F
- 868687
Kleurharmonieën
Complementair +180°
- BFC2CE
Powder Lilac
- C6C3B7
≈ Kamenozoki Grey
Analoog -30° +30°
- BFC2CE
Powder Lilac
- BAC4CD
≈ Yorkshire Cloud
- C5C0CC
≈ Clary Sage
Triadisch +120° +240°
- BFC2CE
Powder Lilac
- CDBFBB
≈ Vintage Taupe
- BAC6BE
≈ Antique Patina
Gesplitst complementair +150° +210°
- BFC2CE
Powder Lilac
- CBC1B7
≈ Heritage Grey
- C0C5B9
≈ Riverdale
Tetradisch +90° +180° +270°
- BFC2CE
Powder Lilac
- CDBEC1
≈ Nantucket Mist
- C6C3B7
≈ Kamenozoki Grey
- B7C6C4
≈ Trade Winds
Contrast en toegankelijkheid
Ag
FailOp wit
WCAG 1.77:1 · APCA Lc 33
Ag
AAAOp zwart
WCAG 11.82:1 · APCA Lc 70
Beste tekstkleur: #000000
WCAG 11.82:1 (AAA) · APCA Lc 70
Contrast pairs
Codefragmenten
CSS
:root {
--powder-lilac: #bfc2ce;
--powder-lilac-rgb: 191 194 206;
--powder-lilac-oklch: oklch(0.815 0.017 274.8);
}
.element {
color: var(--powder-lilac);
background-color: hsl(228 13% 78%);
border-color: oklch(0.815 0.017 274.8);
}Tailwind CSS v4
@theme {
--color-powder-lilac: #bfc2ce;
--color-powder-lilac-50: #f4f5fa;
--color-powder-lilac-100: #e6e7ee;
--color-powder-lilac-200: #d2d4dc;
--color-powder-lilac-300: #b5b7c0;
--color-powder-lilac-400: #9b9ea9;
--color-powder-lilac-500: #828692;
--color-powder-lilac-600: #6e717b;
--color-powder-lilac-700: #585a63;
--color-powder-lilac-800: #404248;
--color-powder-lilac-900: #2c2e32;
--color-powder-lilac-950: #191a1e;
}SCSS
$powder-lilac: #bfc2ce;
$powder-lilac-rgb: 191, 194, 206;
$powder-lilac-light: mix(#fff, $powder-lilac, 20%);
$powder-lilac-dark: mix(#000, $powder-lilac, 20%);
.element {
color: $powder-lilac;
box-shadow: 0 0 0 2px rgba($powder-lilac, 0.35);
}