Nächste benannte Farbe · #D6A87F
#D6A87F
Nächste benannte Farbe: Porcini
#D6A87F (rgb(214 168 127), hsl(28 51% 67%), oklch(0.764 0.077 63)) liegt am nächsten an der benannten Farbe Porcini. Mit Tints, Shades, Harmonien, WCAG- & APCA-Kontrast sowie CSS-, Tailwind-v4- und SCSS-Code.
#D6A87F
oklch(0.764 0.077 63)
Farbumrechnungen
- HEX
- #d6a87f
- RGB
- rgb(214 168 127)
- HSL
- hsl(28 51% 67%)
- HWB
- hwb(28 50% 16%)
- OKLCH
- oklch(0.764 0.077 63)
- OKLab
- oklab(0.764 0.035 0.069)
- CIE Lab
- lab(72.44 13.5 28.01)
- LCH
- lch(72.44 31.09 64.3)
- CMYK
- cmyk(0% 21% 41% 16%)
Tints · Shades · Tones
Tints
- DAB18C
- DFB998
- E3C2A5
- E7CBB2
- EBD3BF
- EFDCCB
- F3E5D8
- F7EDE5
- FBF6F2
Shades
- BA926E
- 9E7C5D
- 84674C
- 6A523C
- 523F2D
- 3B2C1F
- 251A11
- 100A06
- 020101
Tones
- CDA480
- C5A080
- BC9C80
- B39881
- AB9481
- A29081
- 9A8C81
- 918881
- 888480
Farbharmonien
Komplementär +180°
- D6A87F
Porcini
- 87B9E0
≈ Goluboy Blue
Analog -30° +30°
- D6A87F
Porcini
- DFA193
≈ Shy Champagne Blush
- C3B279
≈ Fresh Peas
Triadisch +120° +240°
- D6A87F
Porcini
- 78C3B7
≈ Pale Jade
- BCA7DB
≈ Enchanted Lavender
Geteilt komplementär +150° +210°
- D6A87F
Porcini
- 75C0D0
≈ Surfin’
- A2B0E4
≈ Myrtle Flower
Tetradisch +90° +180° +270°
Kontrast & Barrierefreiheit
Ag
FailAuf Weiß
WCAG 2.15:1 · APCA Lc 42
Ag
AAAAuf Schwarz
WCAG 9.76:1 · APCA Lc 60
Beste Textfarbe: #000000
WCAG 9.76:1 (AAA) · APCA Lc 60
Contrast pairs
Code-Snippets
CSS
:root {
--porcini: #d6a87f;
--porcini-rgb: 214 168 127;
--porcini-oklch: oklch(0.764 0.077 63);
}
.element {
color: var(--porcini);
background-color: hsl(28 51% 67%);
border-color: oklch(0.764 0.077 63);
}Tailwind CSS v4
@theme {
--color-porcini: #d6a87f;
--color-porcini-50: #fff1df;
--color-porcini-100: #fbe3ce;
--color-porcini-200: #ecceb2;
--color-porcini-300: #d4b08e;
--color-porcini-400: #c0956f;
--color-porcini-500: #ab7b4e;
--color-porcini-600: #906843;
--color-porcini-700: #745335;
--color-porcini-800: #563c26;
--color-porcini-900: #3c2919;
--color-porcini-950: #26170a;
}SCSS
$porcini: #d6a87f;
$porcini-rgb: 214, 168, 127;
$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);
}