Benannte Farbe · #B1A99F
Paper Goat
Paper Goat ist #B1A99F: rgb(177 169 159), hsl(33 10% 66%), oklch(0.739 0.017 73.6). Mit Tints, Shades, Harmonien, WCAG- & APCA-Kontrast sowie CSS-, Tailwind-v4- und SCSS-Code.
What does Gray mean? → · Paper Goat color name →
#B1A99F
oklch(0.739 0.017 73.6)
Farbumrechnungen
- HEX
- #b1a99f
- RGB
- rgb(177 169 159)
- HSL
- hsl(33 10% 66%)
- HWB
- hwb(33 62% 31%)
- OKLCH
- oklch(0.739 0.017 73.6)
- OKLab
- oklab(0.739 0.005 0.016)
- CIE Lab
- lab(69.7 1.66 6.26)
- LCH
- lch(69.7 6.48 75.1)
- CMYK
- cmyk(0% 5% 10% 31%)
Tints · Shades · Tones
Tints
- B9B1A8
- C0BAB2
- C8C2BB
- D0CBC4
- D7D3CE
- DFDCD8
- E7E5E1
- EFEDEB
- F7F6F5
Shades
- 99928A
- 837C75
- 6C6761
- 57534D
- 423F3B
- 2F2C29
- 1C1B18
- 0C0A09
- 010101
Tones
- ACA59C
- A7A199
- A29C96
- 9D9893
- 98948F
- 93908C
- 8E8C89
- 8A8886
- 858483
Farbharmonien
Komplementär +180°
- B1A99F
Paper Goat
- A3ABB5
≈ Dutch Jug
Analog -30° +30°
- B1A99F
Paper Goat
- B4A7A2
≈ Matte Grey
- ACAB9F
≈ Escape Grey
Triadisch +120° +240°
- B1A99F
Paper Goat
- 9FAEAD
≈ Polaris
- AEA7B2
≈ Elderberry Grey
Geteilt komplementär +150° +210°
- B1A99F
Paper Goat
- A0ADB2
≈ Pale Blue Grey
- A9A9B5
≈ Modern Lavender
Tetradisch +90° +180° +270°
- B1A99F
Paper Goat
- A1AEA7
≈ Feldspar Silver
- A3ABB5
≈ Dutch Jug
- B3A6AD
≈ Foggy Plum
Kontrast & Barrierefreiheit
Ag
FailAuf Weiß
WCAG 2.32:1 · APCA Lc 46
Ag
AAAAuf Schwarz
WCAG 9.04:1 · APCA Lc 56
Beste Textfarbe: #000000
WCAG 9.04:1 (AAA) · APCA Lc 56
Contrast pairs
Code-Snippets
CSS
:root {
--paper-goat: #b1a99f;
--paper-goat-rgb: 177 169 159;
--paper-goat-oklch: oklch(0.739 0.017 73.6);
}
.element {
color: var(--paper-goat);
background-color: hsl(33 10% 66%);
border-color: oklch(0.739 0.017 73.6);
}Tailwind CSS v4
@theme {
--color-paper-goat: #b1a99f;
--color-paper-goat-50: #f8f4f0;
--color-paper-goat-100: #ebe7e2;
--color-paper-goat-200: #d8d3cc;
--color-paper-goat-300: #bcb6ae;
--color-paper-goat-400: #a59d94;
--color-paper-goat-500: #8d857a;
--color-paper-goat-600: #777067;
--color-paper-goat-700: #605a53;
--color-paper-goat-800: #46413c;
--color-paper-goat-900: #312d29;
--color-paper-goat-950: #1d1a17;
}SCSS
$paper-goat: #b1a99f;
$paper-goat-rgb: 177, 169, 159;
$paper-goat-light: mix(#fff, $paper-goat, 20%);
$paper-goat-dark: mix(#000, $paper-goat, 20%);
.element {
color: $paper-goat;
box-shadow: 0 0 0 2px rgba($paper-goat, 0.35);
}