Benannte Farbe · #B6AA89
Bayberry Wax
Bayberry Wax ist #B6AA89: rgb(182 170 137), hsl(44 24% 63%), oklch(0.74 0.047 90.4). Mit Tints, Shades, Harmonien, WCAG- & APCA-Kontrast sowie CSS-, Tailwind-v4- und SCSS-Code.
What does Yellow mean? → · Bayberry Wax color name →
#B6AA89
oklch(0.74 0.047 90.4)
Farbumrechnungen
- HEX
- #b6aa89
- RGB
- rgb(182 170 137)
- HSL
- hsl(44 24% 63%)
- HWB
- hwb(44 54% 29%)
- OKLCH
- oklch(0.74 0.047 90.4)
- OKLab
- oklab(0.74 0 0.047)
- CIE Lab
- lab(69.99 0.54 18.73)
- LCH
- lch(69.99 18.74 88.3)
- CMYK
- cmyk(0% 7% 25% 29%)
Tints · Shades · Tones
Tints
- BDB294
- C4BBA0
- CBC3AC
- D3CBB7
- DAD4C3
- E1DCCF
- E9E5DB
- F0EEE7
- F8F6F3
Shades
- 9E9376
- 867D64
- 6F6853
- 595342
- 443F31
- 302D22
- 1D1B14
- 0C0B07
- 020101
Tones
- B0A688
- ABA288
- A59D87
- A09986
- 9B9585
- 959184
- 908C83
- 8B8882
- 858481
Farbharmonien
Komplementär +180°
- B6AA89
Bayberry Wax
- 9FAAC9
≈ Brunnera Blue
Analog -30° +30°
- B6AA89
Bayberry Wax
- C2A48D
≈ Summer Hill
- A6B08E
≈ Family Tree
Triadisch +120° +240°
- B6AA89
Bayberry Wax
- 88B3BB
≈ Kitchen Blue
- BDA0B9
≈ Melting Moment
Geteilt komplementär +150° +210°
- B6AA89
Bayberry Wax
- 90AFC6
≈ Porcelain Vase
- AFA4C5
≈ Forever Lilac
Tetradisch +90° +180° +270°
- B6AA89
Bayberry Wax
- 8AB5AC
≈ Silicate Green
- 9FAAC9
≈ Brunnera Blue
- C59FA9
≈ Opaline Pink
Kontrast & Barrierefreiheit
Ag
FailAuf Weiß
WCAG 2.30:1 · APCA Lc 46
Ag
AAAAuf Schwarz
WCAG 9.10:1 · APCA Lc 57
Beste Textfarbe: #000000
WCAG 9.10:1 (AAA) · APCA Lc 57
Contrast pairs
Code-Snippets
CSS
:root {
--bayberry-wax: #b6aa89;
--bayberry-wax-rgb: 182 170 137;
--bayberry-wax-oklch: oklch(0.74 0.047 90.4);
}
.element {
color: var(--bayberry-wax);
background-color: hsl(44 24% 63%);
border-color: oklch(0.74 0.047 90.4);
}Tailwind CSS v4
@theme {
--color-bayberry-wax: #b6aa89;
--color-bayberry-wax-50: #faf5e6;
--color-bayberry-wax-100: #ede8d7;
--color-bayberry-wax-200: #dbd4be;
--color-bayberry-wax-300: #c0b79c;
--color-bayberry-wax-400: #a99e7f;
--color-bayberry-wax-500: #928562;
--color-bayberry-wax-600: #7c7153;
--color-bayberry-wax-700: #635a42;
--color-bayberry-wax-800: #49422f;
--color-bayberry-wax-900: #332d20;
--color-bayberry-wax-950: #1e1a10;
}SCSS
$bayberry-wax: #b6aa89;
$bayberry-wax-rgb: 182, 170, 137;
$bayberry-wax-light: mix(#fff, $bayberry-wax, 20%);
$bayberry-wax-dark: mix(#000, $bayberry-wax, 20%);
.element {
color: $bayberry-wax;
box-shadow: 0 0 0 2px rgba($bayberry-wax, 0.35);
}