Colore con nome · #EDE1C8
Chic Magnet
Chic Magnet è #EDE1C8: rgb(237 225 200), hsl(41 51% 86%), oklch(0.913 0.036 85.4). Scopri tinte, ombre, armonie, contrasto WCAG e APCA e codice CSS, Tailwind v4 e SCSS.
What does Yellow mean? → · Chic Magnet color name →
#EDE1C8
oklch(0.913 0.036 85.4)
Conversioni di colore
- HEX
- #ede1c8
- RGB
- rgb(237 225 200)
- HSL
- hsl(41 51% 86%)
- HWB
- hwb(41 78% 7%)
- OKLCH
- oklch(0.913 0.036 85.4)
- OKLab
- oklab(0.913 0.003 0.036)
- CIE Lab
- lab(90.01 1.23 13.83)
- LCH
- lch(90.01 13.88 84.9)
- CMYK
- cmyk(0% 5% 16% 7%)
Tinte · Ombre · Toni
Tinte
- EFE4CD
- F1E7D3
- F2EAD8
- F4EDDE
- F6F0E3
- F8F3E9
- FAF6EE
- FBF9F4
- FDFCF9
Ombre
- CEC4AE
- B0A794
- 938B7B
- 777063
- 5C564C
- 423E36
- 2A2721
- 14120F
- 030202
Toni
- E2D7C1
- D6CDB9
- CBC3B2
- C0B9AB
- B5AFA3
- AAA69C
- 9F9C95
- 95938E
- 8A8987
Armonie di colore
Complementare +180°
- EDE1C8
Chic Magnet
- D7E2FB
≈ Aquarelle Purple
Analogo -30° +30°
- EDE1C8
Chic Magnet
- F6DDCC
≈ Light Maiden’s Blush
- E1E6CB
≈ Lazy Caterpillar
Triadico +120° +240°
- EDE1C8
Chic Magnet
- C8EAEE
≈ Summer Mist
- EFDBEF
≈ Divine Dove
Complementare divisa +150° +210°
- EDE1C8
Chic Magnet
- CCE7F7
≈ New Heights
- E4DEF8
≈ Stoic White
Tetradico +90° +180° +270°
- EDE1C8
Chic Magnet
- CBEAE1
≈ Ice Water Green
- D7E2FB
≈ Aquarelle Purple
- F7D9E3
≈ Columbine
Contrasto e accessibilità
Ag
FailSu bianco
WCAG 1.29:1 · APCA Lc 15
Ag
AAASu nero
WCAG 16.20:1 · APCA Lc 89
Miglior colore del testo: #000000
WCAG 16.20:1 (AAA) · APCA Lc 89
Contrast pairs
Frammenti di codice
CSS
:root {
--chic-magnet: #ede1c8;
--chic-magnet-rgb: 237 225 200;
--chic-magnet-oklch: oklch(0.913 0.036 85.4);
}
.element {
color: var(--chic-magnet);
background-color: hsl(41 51% 86%);
border-color: oklch(0.913 0.036 85.4);
}Tailwind CSS v4
@theme {
--color-chic-magnet: #ede1c8;
--color-chic-magnet-50: #f9f5ea;
--color-chic-magnet-100: #ede7db;
--color-chic-magnet-200: #dbd4c3;
--color-chic-magnet-300: #bfb7a3;
--color-chic-magnet-400: #a89d87;
--color-chic-magnet-500: #91856c;
--color-chic-magnet-600: #7b705b;
--color-chic-magnet-700: #625a49;
--color-chic-magnet-800: #484134;
--color-chic-magnet-900: #322d24;
--color-chic-magnet-950: #1e1a13;
}SCSS
$chic-magnet: #ede1c8;
$chic-magnet-rgb: 237, 225, 200;
$chic-magnet-light: mix(#fff, $chic-magnet, 20%);
$chic-magnet-dark: mix(#000, $chic-magnet, 20%);
.element {
color: $chic-magnet;
box-shadow: 0 0 0 2px rgba($chic-magnet, 0.35);
}