Cor nomeada · #EDE6E9
Wedding
Wedding é #EDE6E9: rgb(237 230 233), hsl(334 16% 92%), oklch(0.931 0.009 349.3). Veja tons claros, sombras, harmonias, contraste WCAG e APCA e código CSS, Tailwind v4 e SCSS.
What does Gray mean? → · Wedding color name →
#EDE6E9
oklch(0.931 0.009 349.3)
Conversões de cor
- 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%)
Tons claros · Sombras · Tons
Tons claros
- EFE8EB
- F1EBED
- F2EDF0
- F4F0F2
- F6F2F4
- F8F5F6
- FAF7F8
- FBFAFB
- FDFCFD
Sombras
- CEC8CB
- B0ABAD
- 938E90
- 777374
- 5C595A
- 424041
- 2A2829
- 141313
- 030303
Tons
- E2DBDE
- D6D1D3
- CBC6C8
- C0BCBE
- B5B2B3
- AAA7A9
- 9F9D9E
- 959394
- 8A8A8A
Harmonias de cor
Complementar +180°
- EDE6E9
Wedding
- E3EAE7
≈ Clear View
Análoga -30° +30°
- EDE6E9
Wedding
- EBE6EC
≈ Easter Bunny
- EEE6E6
≈ Whisper
Tríade +120° +240°
- EDE6E9
Wedding
- E8E9E2
≈ Spoonful of Sugar
- E3E9ED
≈ Calla Lily
Complementar dividida +150° +210°
- EDE6E9
Wedding
- E5EAE4
≈ Sweet Ariel
- E2EAEA
≈ Plaster Cast
Tétrade +90° +180° +270°
Contraste e acessibilidade
Ag
FailSobre branco
WCAG 1.22:1 · APCA Lc 11
Ag
AAASobre preto
WCAG 17.09:1 · APCA Lc 93
Melhor cor de texto: #000000
WCAG 17.09:1 (AAA) · APCA Lc 93
Contrast pairs
Trechos de código
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);
}