Colore con nome · #EDE6E8
November Pink
November Pink è #EDE6E8: rgb(237 230 232), hsl(343 16% 92%), oklch(0.931 0.008 357.8). Scopri tinte, ombre, armonie, contrasto WCAG e APCA e codice CSS, Tailwind v4 e SCSS.
What does Gray mean? → · November Pink color name →
#EDE6E8
oklch(0.931 0.008 357.8)
Conversioni di colore
- HEX
- #ede6e8
- RGB
- rgb(237 230 232)
- HSL
- hsl(343 16% 92%)
- HWB
- hwb(343 90% 7%)
- OKLCH
- oklch(0.931 0.008 357.8)
- OKLab
- oklab(0.931 0.008 0)
- CIE Lab
- lab(91.89 2.71 -0.09)
- LCH
- lch(91.89 2.71 358.1)
- CMYK
- cmyk(0% 3% 2% 7%)
Tinte · Ombre · Toni
Tinte
- EFE8EA
- F1EBED
- F2EDEF
- F4F0F1
- F6F2F3
- F8F5F6
- FAF7F8
- FBFAFA
- FDFCFD
Ombre
- CEC8CA
- B0ABAC
- 938E90
- 777374
- 5C5959
- 424040
- 2A2829
- 141313
- 030303
Toni
- E2DBDD
- D6D1D2
- CBC6C8
- C0BCBD
- B5B2B3
- AAA7A8
- 9F9D9E
- 959394
- 8A8A8A
Armonie di colore
Complementare +180°
- EDE6E8
November Pink
- E3EAE8
≈ Clear View
Analogo -30° +30°
- EDE6E8
November Pink
- EBE6EB
≈ Easter Bunny
- EDE6E5
≈ Flower Girl Dress
Triadico +120° +240°
- EDE6E8
November Pink
- E7E9E3
≈ Spoonful of Sugar
- E3E9ED
≈ Calla Lily
Complementare divisa +150° +210°
- EDE6E8
November Pink
- E5EAE5
≈ Distant Cloud
- E2EAEB
≈ Plaster Cast
Tetradico +90° +180° +270°
- EDE6E8
November Pink
- EAE8E2
≈ Porcelain Mould
- E3EAE8
≈ Clear View
- E6E8EE
≈ Purple Crystal
Contrasto e accessibilità
Ag
FailSu bianco
WCAG 1.22:1 · APCA Lc 11
Ag
AAASu nero
WCAG 17.08:1 · APCA Lc 93
Miglior colore del testo: #000000
WCAG 17.08:1 (AAA) · APCA Lc 93
Contrast pairs
Frammenti di codice
CSS
:root {
--november-pink: #ede6e8;
--november-pink-rgb: 237 230 232;
--november-pink-oklch: oklch(0.931 0.008 357.8);
}
.element {
color: var(--november-pink);
background-color: hsl(343 16% 92%);
border-color: oklch(0.931 0.008 357.8);
}Tailwind CSS v4
@theme {
--color-november-pink: #ede6e8;
--color-november-pink-50: #f7f4f5;
--color-november-pink-100: #eae7e8;
--color-november-pink-200: #d7d3d4;
--color-november-pink-300: #bbb6b7;
--color-november-pink-400: #a39c9e;
--color-november-pink-500: #8b8486;
--color-november-pink-600: #767071;
--color-november-pink-700: #5e595b;
--color-november-pink-800: #454142;
--color-november-pink-900: #302d2e;
--color-november-pink-950: #1c1a1b;
}SCSS
$november-pink: #ede6e8;
$november-pink-rgb: 237, 230, 232;
$november-pink-light: mix(#fff, $november-pink, 20%);
$november-pink-dark: mix(#000, $november-pink, 20%);
.element {
color: $november-pink;
box-shadow: 0 0 0 2px rgba($november-pink, 0.35);
}