Benannte Farbe · #A29F46
Poplar
Poplar ist #A29F46: rgb(162 159 70), hsl(58 40% 45%), oklch(0.687 0.112 107.2). Mit Tints, Shades, Harmonien, WCAG- & APCA-Kontrast sowie CSS-, Tailwind-v4- und SCSS-Code.
What does Yellow mean? → · Poplar color name →
#A29F46
oklch(0.687 0.112 107.2)
Farbumrechnungen
- HEX
- #a29f46
- RGB
- rgb(162 159 70)
- HSL
- hsl(58 40% 45%)
- HWB
- hwb(58 27% 36%)
- OKLCH
- oklch(0.687 0.112 107.2)
- OKLab
- oklab(0.687 -0.033 0.107)
- CIE Lab
- lab(64.37 -7.7 45.78)
- LCH
- lch(64.37 46.42 99.6)
- CMYK
- cmyk(0% 2% 57% 36%)
Tints · Shades · Tones
Tints
- ABA95B
- B4B26E
- BDBC81
- C6C593
- CFCFA5
- D8D8B7
- E2E2C9
- EBECDB
- F5F5ED
Shades
- 8C8A3C
- 777532
- 636128
- 4F4D1E
- 3C3B15
- 2A290D
- 191805
- 0A0902
- 010100
Tones
- 9E9C4E
- 9B9956
- 97965C
- 949363
- 909068
- 8D8D6E
- 8A8A73
- 868777
- 83837C
Farbharmonien
Komplementär +180°
- A29F46
Poplar
- 968FDC
≈ Perrywinkle
Analog -30° +30°
- A29F46
Poplar
- C19142
≈ Yellow Ochre
- 78AA65
≈ Ferntastic
Triadisch +120° +240°
- A29F46
Poplar
- 3DA8D0
≈ Mystic Blue
- CD7DA7
≈ Ice Plant
Geteilt komplementär +150° +210°
- A29F46
Poplar
- 6D9CDF
≈ Blue Bay
- B684C8
≈ Lavender Sweater
Tetradisch +90° +180° +270°
Kontrast & Barrierefreiheit
Ag
FailAuf Weiß
WCAG 2.76:1 · APCA Lc 53
Ag
AAAAuf Schwarz
WCAG 7.58:1 · APCA Lc 48
Beste Textfarbe: #000000
WCAG 7.58:1 (AAA) · APCA Lc 48
Contrast pairs
Code-Snippets
CSS
:root {
--poplar: #a29f46;
--poplar-rgb: 162 159 70;
--poplar-oklch: oklch(0.687 0.112 107.2);
}
.element {
color: var(--poplar);
background-color: hsl(58 40% 45%);
border-color: oklch(0.687 0.112 107.2);
}Tailwind CSS v4
@theme {
--color-poplar: #a29f46;
--color-poplar-50: #f7f8d4;
--color-poplar-100: #eaecc1;
--color-poplar-200: #d7d9a1;
--color-poplar-300: #bbbd78;
--color-poplar-400: #a6a350;
--color-poplar-500: #8f8b1f;
--color-poplar-600: #79751d;
--color-poplar-700: #615e18;
--color-poplar-800: #48440d;
--color-poplar-900: #322f08;
--color-poplar-950: #1e1c00;
}SCSS
$poplar: #a29f46;
$poplar-rgb: 162, 159, 70;
$poplar-light: mix(#fff, $poplar, 20%);
$poplar-dark: mix(#000, $poplar, 20%);
.element {
color: $poplar;
box-shadow: 0 0 0 2px rgba($poplar, 0.35);
}