Benoemde kleur · #BDB38F
Wasabi Powder
Wasabi Powder is #BDB38F: rgb(189 179 143), hsl(47 26% 65%), oklch(0.766 0.05 94.4). Bekijk tinten, schaduwen, harmonieën, WCAG- en APCA-contrast en CSS-, Tailwind v4- en SCSS-code.
What does Yellow mean? → · Wasabi Powder color name →
#BDB38F
oklch(0.766 0.05 94.4)
Kleurconversies
- HEX
- #bdb38f
- RGB
- rgb(189 179 143)
- HSL
- hsl(47 26% 65%)
- HWB
- hwb(47 56% 26%)
- OKLCH
- oklch(0.766 0.05 94.4)
- OKLab
- oklab(0.766 -0.004 0.05)
- CIE Lab
- lab(73.09 -0.6 19.82)
- LCH
- lch(73.09 19.82 91.7)
- CMYK
- cmyk(0% 5% 24% 26%)
Tinten · Schaduwen · Tonen
Tinten
- C3BA9A
- CAC2A5
- D0C9B0
- D7D1BB
- DED9C6
- E4E0D1
- EBE8DD
- F1F0E8
- F8F7F4
Schaduwen
- A49B7C
- 8C8469
- 746E57
- 5D5845
- 474334
- 332F24
- 1F1D15
- 0D0C07
- 020101
Tonen
- B7AE8E
- B0A98C
- AAA38B
- A49E8A
- 9E9988
- 989487
- 928F85
- 8C8A83
- 868582
Kleurharmonieën
Complementair +180°
- BDB38F
Wasabi Powder
- A9B1D4
≈ Lavender Wash
Analoog -30° +30°
- BDB38F
Wasabi Powder
- CAAD92
≈ Basketweave Beige
- ACB996
≈ Chrysoprase
Triadisch +120° +240°
- BDB38F
Wasabi Powder
- 8FBCC7
≈ Kingston Aqua
- C8A7C0
≈ Safflower Wisteria
Gesplitst complementair +150° +210°
- BDB38F
Wasabi Powder
- 99B7D1
≈ Blue Satin
- BAABCD
≈ Jacey’s Favourite
Tetradisch +90° +180° +270°
- BDB38F
Wasabi Powder
- 8FBEB7
≈ Chinese Tzu
- A9B1D4
≈ Lavender Wash
- D0A6AF
≈ Lady Flower
Contrast en toegankelijkheid
Ag
FailOp wit
WCAG 2.09:1 · APCA Lc 41
Ag
AAAOp zwart
WCAG 10.00:1 · APCA Lc 61
Beste tekstkleur: #000000
WCAG 10.00:1 (AAA) · APCA Lc 61
Contrast pairs
Codefragmenten
CSS
:root {
--wasabi-powder: #bdb38f;
--wasabi-powder-rgb: 189 179 143;
--wasabi-powder-oklch: oklch(0.766 0.05 94.4);
}
.element {
color: var(--wasabi-powder);
background-color: hsl(47 26% 65%);
border-color: oklch(0.766 0.05 94.4);
}Tailwind CSS v4
@theme {
--color-wasabi-powder: #bdb38f;
--color-wasabi-powder-50: #f9f5e5;
--color-wasabi-powder-100: #ece8d6;
--color-wasabi-powder-200: #dad5bd;
--color-wasabi-powder-300: #bfb89b;
--color-wasabi-powder-400: #a89e7d;
--color-wasabi-powder-500: #918660;
--color-wasabi-powder-600: #7a7151;
--color-wasabi-powder-700: #625b41;
--color-wasabi-powder-800: #48422e;
--color-wasabi-powder-900: #322e1f;
--color-wasabi-powder-950: #1e1a0f;
}SCSS
$wasabi-powder: #bdb38f;
$wasabi-powder-rgb: 189, 179, 143;
$wasabi-powder-light: mix(#fff, $wasabi-powder, 20%);
$wasabi-powder-dark: mix(#000, $wasabi-powder, 20%);
.element {
color: $wasabi-powder;
box-shadow: 0 0 0 2px rgba($wasabi-powder, 0.35);
}