Colore con nome più vicino · #ECD8D3
#ECD8D3
Colore con nome più vicino: Fiesta
#ECD8D3 (rgb(236 216 211), hsl(12 40% 88%), oklch(0.897 0.023 34.3)) è più vicino al colore con nome Fiesta. Scopri tinte, ombre, armonie, contrasto WCAG e APCA e codice CSS, Tailwind v4 e SCSS.
#ECD8D3
oklch(0.897 0.023 34.3)
Conversioni di colore
- HEX
- #ecd8d3
- RGB
- rgb(236 216 211)
- HSL
- hsl(12 40% 88%)
- HWB
- hwb(12 83% 7%)
- OKLCH
- oklch(0.897 0.023 34.3)
- OKLab
- oklab(0.897 0.019 0.013)
- CIE Lab
- lab(87.89 6.52 5.1)
- LCH
- lch(87.89 8.28 38)
- CMYK
- cmyk(0% 8% 11% 7%)
Tinte · Ombre · Toni
Tinte
- EEDCD7
- F0E0DC
- F2E4E0
- F4E7E4
- F6EBE9
- F8EFED
- F9F3F2
- FBF7F6
- FDFBFB
Ombre
- CDBCB7
- AFA09C
- 928582
- 766B69
- 5B5351
- 423B3A
- 292524
- 131110
- 030202
Toni
- E1CFCA
- D6C6C2
- CABDB9
- BFB4B1
- B5ABA9
- AAA2A0
- 9F9A98
- 959190
- 8A8888
Armonie di colore
Complementare +180°
- ECD8D3
Fiesta
- CDE1E7
≈ Goddess
Analogo -30° +30°
- ECD8D3
Fiesta
- ECD7DB
≈ Pale Rose
- E8DACE
≈ Malted Milk
Triadico +120° +240°
- ECD8D3
Fiesta
- D2E2D6
≈ Minty Delight
- D8DCED
≈ Weeping Wisteria
Complementare divisa +150° +210°
- ECD8D3
Fiesta
- CDE2DF
≈ Big Sky
- D1DFEC
≈ Happy Thoughts
Tetradico +90° +180° +270°
Contrasto e accessibilità
Ag
FailSu bianco
WCAG 1.36:1 · APCA Lc 18
Ag
AAASu nero
WCAG 15.32:1 · APCA Lc 85
Miglior colore del testo: #000000
WCAG 15.32:1 (AAA) · APCA Lc 85
Contrast pairs
Frammenti di codice
CSS
:root {
--fiesta: #ecd8d3;
--fiesta-rgb: 236 216 211;
--fiesta-oklch: oklch(0.897 0.023 34.3);
}
.element {
color: var(--fiesta);
background-color: hsl(12 40% 88%);
border-color: oklch(0.897 0.023 34.3);
}Tailwind CSS v4
@theme {
--color-fiesta: #ecd8d3;
--color-fiesta-50: #fcf3f0;
--color-fiesta-100: #efe5e2;
--color-fiesta-200: #ded1cd;
--color-fiesta-300: #c3b4af;
--color-fiesta-400: #ac9a95;
--color-fiesta-500: #95817c;
--color-fiesta-600: #7e6d69;
--color-fiesta-700: #655754;
--color-fiesta-800: #4a403d;
--color-fiesta-900: #332c2a;
--color-fiesta-950: #1f1918;
}SCSS
$fiesta: #ecd8d3;
$fiesta-rgb: 236, 216, 211;
$fiesta-light: mix(#fff, $fiesta, 20%);
$fiesta-dark: mix(#000, $fiesta, 20%);
.element {
color: $fiesta;
box-shadow: 0 0 0 2px rgba($fiesta, 0.35);
}