Benannte Farbe · #A38479
Undercooked Bacon
Undercooked Bacon ist #A38479: rgb(163 132 121), hsl(16 19% 56%), oklch(0.639 0.042 40.5). Mit Tints, Shades, Harmonien, WCAG- & APCA-Kontrast sowie CSS-, Tailwind-v4- und SCSS-Code.
What does Red mean? → · Undercooked Bacon color name →
#A38479
oklch(0.639 0.042 40.5)
Farbumrechnungen
- HEX
- #a38479
- RGB
- rgb(163 132 121)
- HSL
- hsl(16 19% 56%)
- HWB
- hwb(16 47% 36%)
- OKLCH
- oklch(0.639 0.042 40.5)
- OKLab
- oklab(0.639 0.032 0.027)
- CIE Lab
- lab(57.89 10.98 10.68)
- LCH
- lch(57.89 15.31 44.2)
- CMYK
- cmyk(0% 19% 26% 36%)
Tints · Shades · Tones
Tints
- AC9086
- B59C92
- BEA89F
- C7B4AD
- D1C0BA
- DACCC7
- E3D9D5
- ECE5E3
- F6F2F1
Shades
- 8D7268
- 786058
- 634F48
- 4F3F39
- 3C2F2B
- 2A201D
- 191210
- 0A0605
- 010101
Tones
- A0847A
- 9C837B
- 99837B
- 95837C
- 92827D
- 8E827D
- 8B817E
- 87817F
- 84807F
Farbharmonien
Komplementär +180°
- A38479
Undercooked Bacon
- 70929E
≈ Silk Khimar
Analog -30° +30°
- A38479
Undercooked Bacon
- A48286
≈ Evening Shadow
- 9D8871
≈ Roscoe Village
Triadisch +120° +240°
- A38479
Undercooked Bacon
- 769484
≈ Garden Fountain
- 878AA5
≈ Violet Aura
Geteilt komplementär +150° +210°
- A38479
Undercooked Bacon
- 6F9492
≈ Pool Tide
- 798EA5
≈ Cabaret Charm
Tetradisch +90° +180° +270°
- A38479
Undercooked Bacon
- 839177
≈ Ginkgo Tree
- 70929E
≈ Silk Khimar
- 94859F
≈ Hatoba Pigeon
Kontrast & Barrierefreiheit
Ag
FailAuf Weiß
WCAG 3.42:1 · APCA Lc 62
Ag
AAAuf Schwarz
WCAG 6.13:1 · APCA Lc 40
Beste Textfarbe: #000000
WCAG 6.13:1 (AA) · APCA Lc 40
Contrast pairs
Code-Snippets
CSS
:root {
--undercooked-bacon: #a38479;
--undercooked-bacon-rgb: 163 132 121;
--undercooked-bacon-oklch: oklch(0.639 0.042 40.5);
}
.element {
color: var(--undercooked-bacon);
background-color: hsl(16 19% 56%);
border-color: oklch(0.639 0.042 40.5);
}Tailwind CSS v4
@theme {
--color-undercooked-bacon: #a38479;
--color-undercooked-bacon-50: #fff2ec;
--color-undercooked-bacon-100: #f5e4dd;
--color-undercooked-bacon-200: #e5cfc7;
--color-undercooked-bacon-300: #cbb1a7;
--color-undercooked-bacon-400: #b5978c;
--color-undercooked-bacon-500: #9f7d71;
--color-undercooked-bacon-600: #866a60;
--color-undercooked-bacon-700: #6c554d;
--color-undercooked-bacon-800: #503e38;
--color-undercooked-bacon-900: #372a26;
--color-undercooked-bacon-950: #221815;
}SCSS
$undercooked-bacon: #a38479;
$undercooked-bacon-rgb: 163, 132, 121;
$undercooked-bacon-light: mix(#fff, $undercooked-bacon, 20%);
$undercooked-bacon-dark: mix(#000, $undercooked-bacon, 20%);
.element {
color: $undercooked-bacon;
box-shadow: 0 0 0 2px rgba($undercooked-bacon, 0.35);
}