Nazwany kolor · #EDE6E9
Wedding
Wedding to #EDE6E9: rgb(237 230 233), hsl(334 16% 92%), oklch(0.931 0.009 349.3). Zobacz odcienie jaśniejsze i ciemniejsze, harmonie, kontrast WCAG i APCA oraz kod CSS, Tailwind v4 i SCSS.
What does Gray mean? → · Wedding color name →
#EDE6E9
oklch(0.931 0.009 349.3)
Konwersje koloru
- HEX
- #ede6e9
- RGB
- rgb(237 230 233)
- HSL
- hsl(334 16% 92%)
- HWB
- hwb(334 90% 7%)
- OKLCH
- oklch(0.931 0.009 349.3)
- OKLab
- oklab(0.931 0.008 -0.002)
- CIE Lab
- lab(91.91 2.84 -0.58)
- LCH
- lch(91.91 2.9 348.5)
- CMYK
- cmyk(0% 3% 2% 7%)
Odcienie jaśniejsze · Odcienie ciemniejsze · Tony
Odcienie jaśniejsze
- EFE8EB
- F1EBED
- F2EDF0
- F4F0F2
- F6F2F4
- F8F5F6
- FAF7F8
- FBFAFB
- FDFCFD
Odcienie ciemniejsze
- CEC8CB
- B0ABAD
- 938E90
- 777374
- 5C595A
- 424041
- 2A2829
- 141313
- 030303
Tony
- E2DBDE
- D6D1D3
- CBC6C8
- C0BCBE
- B5B2B3
- AAA7A9
- 9F9D9E
- 959394
- 8A8A8A
Harmonie kolorów
Komplementarna +180°
- EDE6E9
Wedding
- E3EAE7
≈ Clear View
Analogowa -30° +30°
- EDE6E9
Wedding
- EBE6EC
≈ Easter Bunny
- EEE6E6
≈ Whisper
Triada +120° +240°
- EDE6E9
Wedding
- E8E9E2
≈ Spoonful of Sugar
- E3E9ED
≈ Calla Lily
Komplementarna rozszczepiona +150° +210°
- EDE6E9
Wedding
- E5EAE4
≈ Sweet Ariel
- E2EAEA
≈ Plaster Cast
Tetrada +90° +180° +270°
Kontrast i dostępność
Ag
FailNa bieli
WCAG 1.22:1 · APCA Lc 11
Ag
AAANa czerni
WCAG 17.09:1 · APCA Lc 93
Najlepszy kolor tekstu: #000000
WCAG 17.09:1 (AAA) · APCA Lc 93
Contrast pairs
Fragmenty kodu
CSS
:root {
--wedding: #ede6e9;
--wedding-rgb: 237 230 233;
--wedding-oklch: oklch(0.931 0.009 349.3);
}
.element {
color: var(--wedding);
background-color: hsl(334 16% 92%);
border-color: oklch(0.931 0.009 349.3);
}Tailwind CSS v4
@theme {
--color-wedding: #ede6e9;
--color-wedding-50: #f7f4f5;
--color-wedding-100: #eae7e8;
--color-wedding-200: #d7d3d4;
--color-wedding-300: #bbb6b8;
--color-wedding-400: #a39c9f;
--color-wedding-500: #8b8487;
--color-wedding-600: #757072;
--color-wedding-700: #5e595b;
--color-wedding-800: #454143;
--color-wedding-900: #302d2e;
--color-wedding-950: #1c1a1b;
}SCSS
$wedding: #ede6e9;
$wedding-rgb: 237, 230, 233;
$wedding-light: mix(#fff, $wedding, 20%);
$wedding-dark: mix(#000, $wedding, 20%);
.element {
color: $wedding;
box-shadow: 0 0 0 2px rgba($wedding, 0.35);
}