Colore con nome più vicino · #D5AA85
#D5AA85
Colore con nome più vicino: Porcini
#D5AA85 (rgb(213 170 133), hsl(28 49% 68%), oklch(0.768 0.071 62.2)) è più vicino al colore con nome Porcini. Scopri tinte, ombre, armonie, contrasto WCAG e APCA e codice CSS, Tailwind v4 e SCSS.
#D5AA85
oklch(0.768 0.071 62.2)
Conversioni di colore
- HEX
- #d5aa85
- RGB
- rgb(213 170 133)
- HSL
- hsl(28 49% 68%)
- HWB
- hwb(28 52% 16%)
- OKLCH
- oklch(0.768 0.071 62.2)
- OKLab
- oklab(0.768 0.033 0.063)
- CIE Lab
- lab(72.92 12.58 25.41)
- LCH
- lch(72.92 28.36 63.7)
- CMYK
- cmyk(0% 20% 38% 16%)
Tinte · Ombre · Toni
Tinte
- D9B291
- DEBB9D
- E2C3A9
- E6CCB5
- EBD4C1
- EFDDCE
- F3E5DA
- F7EEE6
- FBF6F3
Ombre
- B99373
- 9E7D61
- 836850
- 6A5340
- 513F30
- 3A2D21
- 241B13
- 100B06
- 020101
Toni
- CCA685
- C4A285
- BB9D84
- B39984
- AA9583
- A29183
- 998D82
- 918882
- 888481
Armonie di colore
Complementare +180°
- D5AA85
Porcini
- 8CBADE
≈ Goluboy Blue
Analogo -30° +30°
- D5AA85
Porcini
- DDA397
≈ Conch Pink
- C4B37F
≈ Aviva
Triadico +120° +240°
- D5AA85
Porcini
- 7FC3B7
≈ Holiday
- BCA9DA
≈ Perfume
Complementare divisa +150° +210°
- D5AA85
Porcini
- 7DC0CE
≈ Meltwater
- A4B1E2
≈ Myrtle Flower
Tetradico +90° +180° +270°
Contrasto e accessibilità
Ag
FailSu bianco
WCAG 2.11:1 · APCA Lc 41
Ag
AAASu nero
WCAG 9.91:1 · APCA Lc 61
Miglior colore del testo: #000000
WCAG 9.91:1 (AAA) · APCA Lc 61
Contrast pairs
Frammenti di codice
CSS
:root {
--porcini: #d5aa85;
--porcini-rgb: 213 170 133;
--porcini-oklch: oklch(0.768 0.071 62.2);
}
.element {
color: var(--porcini);
background-color: hsl(28 49% 68%);
border-color: oklch(0.768 0.071 62.2);
}Tailwind CSS v4
@theme {
--color-porcini: #d5aa85;
--color-porcini-50: #fff1e1;
--color-porcini-100: #f9e4d0;
--color-porcini-200: #ebcfb5;
--color-porcini-300: #d2b092;
--color-porcini-400: #bd9573;
--color-porcini-500: #a87c54;
--color-porcini-600: #8e6948;
--color-porcini-700: #725439;
--color-porcini-800: #553d29;
--color-porcini-900: #3b2a1b;
--color-porcini-950: #25170c;
}SCSS
$porcini: #d5aa85;
$porcini-rgb: 213, 170, 133;
$porcini-light: mix(#fff, $porcini, 20%);
$porcini-dark: mix(#000, $porcini, 20%);
.element {
color: $porcini;
box-shadow: 0 0 0 2px rgba($porcini, 0.35);
}