Benannte Farbe · #D9AE86
Porcini
Porcini ist #D9AE86: rgb(217 174 134), hsl(29 52% 69%), oklch(0.78 0.074 64.3). Mit Tints, Shades, Harmonien, WCAG- & APCA-Kontrast sowie CSS-, Tailwind-v4- und SCSS-Code.
What does Orange mean? → · Porcini color name →
#D9AE86
oklch(0.78 0.074 64.3)
Farbumrechnungen
- 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%)
Tints · Shades · Tones
Tints
- DDB692
- E1BE9E
- E5C6AA
- E9CEB6
- EDD6C2
- F0DECE
- F4E7DA
- F8EFE7
- FBF7F3
Shades
- BC9774
- A18062
- 866A51
- 6C5540
- 534130
- 3B2E21
- 251C13
- 110B06
- 020101
Tones
- D0A986
- C7A586
- BEA085
- B59C85
- AC9784
- A39283
- 9A8E83
- 918982
- 898581
Farbharmonien
Komplementär +180°
- D9AE86
Porcini
- 8FBDE4
≈ Blue Shutters
Analog -30° +30°
- D9AE86
Porcini
- E2A798
≈ Pelican Pink
- C6B781
≈ Yuma
Triadisch +120° +240°
- D9AE86
Porcini
- 80C7BD
≈ Booty Bay
- C2ACDE
≈ Perfume
Geteilt komplementär +150° +210°
- D9AE86
Porcini
- 7FC4D4
≈ Water Flow
- A9B4E7
≈ Perano
Tetradisch +90° +180° +270°
Kontrast & Barrierefreiheit
Ag
FailAuf Weiß
WCAG 2.02:1 · APCA Lc 39
Ag
AAAAuf Schwarz
WCAG 10.34:1 · APCA Lc 63
Beste Textfarbe: #000000
WCAG 10.34:1 (AAA) · APCA Lc 63
Contrast pairs
Code-Snippets
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);
}