Colore con nome più vicino · #EDBDA6
#EDBDA6
Colore con nome più vicino: Taco
#EDBDA6 (rgb(237 189 166), hsl(19 66% 79%), oklch(0.835 0.064 46.9)) è più vicino al colore con nome Taco. Scopri tinte, ombre, armonie, contrasto WCAG e APCA e codice CSS, Tailwind v4 e SCSS.
#EDBDA6
oklch(0.835 0.064 46.9)
Conversioni di colore
- HEX
- #edbda6
- RGB
- rgb(237 189 166)
- HSL
- hsl(19 66% 79%)
- HWB
- hwb(19 65% 7%)
- OKLCH
- oklch(0.835 0.064 46.9)
- OKLab
- oklab(0.835 0.044 0.047)
- CIE Lab
- lab(80.54 15.41 18.57)
- LCH
- lch(80.54 24.13 50.3)
- CMYK
- cmyk(0% 20% 30% 7%)
Tinte · Ombre · Toni
Tinte
- EFC4AF
- F1CAB8
- F3D1C0
- F5D7C9
- F7DED2
- F9E5DB
- FAEBE4
- FCF2ED
- FEF8F6
Ombre
- CEA490
- B08C7A
- 937465
- 775D51
- 5C473E
- 42332B
- 2A1F1A
- 140D0A
- 030201
Toni
- E2B7A2
- D7B19F
- CCAA9B
- C1A497
- B69E93
- AB988F
- A0928C
- 958C88
- 8B8684
Armonie di colore
Complementare +180°
- EDBDA6
Taco
- 9DD2E9
≈ Chefchaouen Blue
Analogo -30° +30°
- EDBDA6
Taco
- F0B9BA
≈ Marzipan Pink
- E1C49B
≈ Faint Fawn
Triadico +120° +240°
Complementare divisa +150° +210°
- EDBDA6
Taco
- 97D6D7
≈ Mini Blue
- AFCBF3
≈ Alphabet Blue
Tetradico +90° +180° +270°
Contrasto e accessibilità
Ag
FailSu bianco
WCAG 1.68:1 · APCA Lc 30
Ag
AAASu nero
WCAG 12.43:1 · APCA Lc 73
Miglior colore del testo: #000000
WCAG 12.43:1 (AAA) · APCA Lc 73
Contrast pairs
Frammenti di codice
CSS
:root {
--taco: #edbda6;
--taco-rgb: 237 189 166;
--taco-oklch: oklch(0.835 0.064 46.9);
}
.element {
color: var(--taco);
background-color: hsl(19 66% 79%);
border-color: oklch(0.835 0.064 46.9);
}Tailwind CSS v4
@theme {
--color-taco: #edbda6;
--color-taco-50: #fff0e6;
--color-taco-100: #fbe2d6;
--color-taco-200: #eccdbd;
--color-taco-300: #d4ae9b;
--color-taco-400: #bf937e;
--color-taco-500: #aa7962;
--color-taco-600: #906753;
--color-taco-700: #735242;
--color-taco-800: #553b30;
--color-taco-900: #3c2920;
--color-taco-950: #251710;
}SCSS
$taco: #edbda6;
$taco-rgb: 237, 189, 166;
$taco-light: mix(#fff, $taco, 20%);
$taco-dark: mix(#000, $taco, 20%);
.element {
color: $taco;
box-shadow: 0 0 0 2px rgba($taco, 0.35);
}