Nazwany kolor · #E9E6EB
Pixie Wing
Pixie Wing to #E9E6EB: rgb(233 230 235), hsl(276 11% 91%), oklch(0.929 0.007 312.3). Zobacz odcienie jaśniejsze i ciemniejsze, harmonie, kontrast WCAG i APCA oraz kod CSS, Tailwind v4 i SCSS.
What does Gray mean? → · Pixie Wing color name →
#E9E6EB
oklch(0.929 0.007 312.3)
Konwersje koloru
- HEX
- #e9e6eb
- RGB
- rgb(233 230 235)
- HSL
- hsl(276 11% 91%)
- HWB
- hwb(276 90% 8%)
- OKLCH
- oklch(0.929 0.007 312.3)
- OKLab
- oklab(0.929 0.005 -0.005)
- CIE Lab
- lab(91.64 1.71 -2.06)
- LCH
- lch(91.64 2.68 309.7)
- CMYK
- cmyk(1% 2% 0% 8%)
Odcienie jaśniejsze · Odcienie ciemniejsze · Tony
Odcienie jaśniejsze
- EBE8ED
- EDEBEF
- F0EDF1
- F2F0F3
- F4F2F5
- F6F5F7
- F8F7F9
- FBFAFB
- FDFCFD
Odcienie ciemniejsze
- CBC8CC
- ADABAE
- 908E91
- 747375
- 5A595B
- 414041
- 292829
- 131313
- 030303
Tony
- DEDBE0
- D3D1D5
- C8C6CA
- BEBCBF
- B3B2B4
- A9A7A9
- 9E9D9F
- 949394
- 8A8A8A
Harmonie kolorów
Komplementarna +180°
- E9E6EB
Pixie Wing
- E5E8E3
≈ Coastal Fog
Analogowa -30° +30°
- E9E6EB
Pixie Wing
- E6E7EC
≈ Purple Crystal
- EBE5E9
≈ Easter Bunny
Triada +120° +240°
- E9E6EB
Pixie Wing
- EBE7E2
≈ Porcelain Mould
- E2E9E9
≈ Evening Mist
Komplementarna rozszczepiona +150° +210°
- E9E6EB
Pixie Wing
- E8E8E2
≈ Silver White
- E3E9E6
≈ Clear View
Tetrada +90° +180° +270°
- E9E6EB
Pixie Wing
- ECE6E4
≈ Flower Girl Dress
- E5E8E3
≈ Coastal Fog
- E2E9EB
≈ Plaster Cast
Kontrast i dostępność
Ag
FailNa bieli
WCAG 1.23:1 · APCA Lc 12
Ag
AAANa czerni
WCAG 16.98:1 · APCA Lc 92
Najlepszy kolor tekstu: #000000
WCAG 16.98:1 (AAA) · APCA Lc 92
Contrast pairs
Fragmenty kodu
CSS
:root {
--pixie-wing: #e9e6eb;
--pixie-wing-rgb: 233 230 235;
--pixie-wing-oklch: oklch(0.929 0.007 312.3);
}
.element {
color: var(--pixie-wing);
background-color: hsl(276 11% 91%);
border-color: oklch(0.929 0.007 312.3);
}Tailwind CSS v4
@theme {
--color-pixie-wing: #e9e6eb;
--color-pixie-wing-50: #f6f4f7;
--color-pixie-wing-100: #e9e7e9;
--color-pixie-wing-200: #d5d3d6;
--color-pixie-wing-300: #b9b6ba;
--color-pixie-wing-400: #a09da2;
--color-pixie-wing-500: #88858a;
--color-pixie-wing-600: #737075;
--color-pixie-wing-700: #5c5a5d;
--color-pixie-wing-800: #434244;
--color-pixie-wing-900: #2e2d2f;
--color-pixie-wing-950: #1b1a1c;
}SCSS
$pixie-wing: #e9e6eb;
$pixie-wing-rgb: 233, 230, 235;
$pixie-wing-light: mix(#fff, $pixie-wing, 20%);
$pixie-wing-dark: mix(#000, $pixie-wing, 20%);
.element {
color: $pixie-wing;
box-shadow: 0 0 0 2px rgba($pixie-wing, 0.35);
}