Colore con nome · #D9AE86
Porcini
Porcini è #D9AE86: rgb(217 174 134), hsl(29 52% 69%), oklch(0.78 0.074 64.3). Scopri tinte, ombre, armonie, contrasto WCAG e APCA e codice CSS, Tailwind v4 e SCSS.
What does Orange mean? → · Porcini color name →
#D9AE86
oklch(0.78 0.074 64.3)
Conversioni di colore
- HEX
- #d9ae86
- RGB
- rgb(217 174 134)
- HSL
- hsl(29 52% 69%)
- HWB
- hwb(29 53% 15%)
- OKLCH
- oklch(0.78 0.074 64.3)
- OKLab
- oklab(0.78 0.032 0.066)
- CIE Lab
- lab(74.33 12.24 26.83)
- LCH
- lch(74.33 29.49 65.5)
- CMYK
- cmyk(0% 20% 38% 15%)
Tinte · Ombre · Toni
Tinte
- DDB692
- E1BE9E
- E5C6AA
- E9CEB6
- EDD6C2
- F0DECE
- F4E7DA
- F8EFE7
- FBF7F3
Ombre
- BC9774
- A18062
- 866A51
- 6C5540
- 534130
- 3B2E21
- 251C13
- 110B06
- 020101
Toni
- D0A986
- C7A586
- BEA085
- B59C85
- AC9784
- A39283
- 9A8E83
- 918982
- 898581
Armonie di colore
Complementare +180°
- D9AE86
Porcini
- 8FBDE4
≈ Blue Shutters
Analogo -30° +30°
- D9AE86
Porcini
- E2A798
≈ Pelican Pink
- C6B781
≈ Yuma
Triadico +120° +240°
- D9AE86
Porcini
- 80C7BD
≈ Booty Bay
- C2ACDE
≈ Perfume
Complementare divisa +150° +210°
- D9AE86
Porcini
- 7FC4D4
≈ Water Flow
- A9B4E7
≈ Perano
Tetradico +90° +180° +270°
Contrasto e accessibilità
Ag
FailSu bianco
WCAG 2.02:1 · APCA Lc 39
Ag
AAASu nero
WCAG 10.34:1 · APCA Lc 63
Miglior colore del testo: #000000
WCAG 10.34:1 (AAA) · APCA Lc 63
Contrast pairs
Frammenti di codice
CSS
:root {
--porcini: #d9ae86;
--porcini-rgb: 217 174 134;
--porcini-oklch: oklch(0.78 0.074 64.3);
}
.element {
color: var(--porcini);
background-color: hsl(29 52% 69%);
border-color: oklch(0.78 0.074 64.3);
}Tailwind CSS v4
@theme {
--color-porcini: #d9ae86;
--color-porcini-50: #fff2e0;
--color-porcini-100: #f9e4cf;
--color-porcini-200: #ebcfb4;
--color-porcini-300: #d2b190;
--color-porcini-400: #bd9671;
--color-porcini-500: #a87c51;
--color-porcini-600: #8e6945;
--color-porcini-700: #725437;
--color-porcini-800: #553d27;
--color-porcini-900: #3b2a1a;
--color-porcini-950: #25170b;
}SCSS
$porcini: #d9ae86;
$porcini-rgb: 217, 174, 134;
$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);
}