Benannte Farbe · #352925
Betel Nut Dye
Betel Nut Dye ist #352925: rgb(53 41 37), hsl(15 18% 18%), oklch(0.293 0.019 39.3). Mit Tints, Shades, Harmonien, WCAG- & APCA-Kontrast sowie CSS-, Tailwind-v4- und SCSS-Code.
What does Gray mean? → · Betel Nut Dye color name →
#352925
oklch(0.293 0.019 39.3)
Farbumrechnungen
- HEX
- #352925
- RGB
- rgb(53 41 37)
- HSL
- hsl(15 18% 18%)
- HWB
- hwb(15 15% 79%)
- OKLCH
- oklch(0.293 0.019 39.3)
- OKLab
- oklab(0.293 0.015 0.012)
- CIE Lab
- lab(17.89 5.21 4.86)
- LCH
- lch(17.89 7.12 43)
- CMYK
- cmyk(0% 23% 30% 79%)
Tints · Shades · Tones
Tints
- 473B37
- 594E4B
- 6C625F
- 807774
- 948C8A
- A8A2A0
- BDB9B7
- D3D0CF
- E9E7E7
Shades
- 2D221F
- 251C19
- 1D1513
- 150F0D
- 0E0908
- 080504
- 030202
- 010100
- 000000
Tones
- 3C312D
- 433936
- 4B413E
- 524A47
- 595350
- 615B5A
- 696463
- 706D6C
- 787776
Farbharmonien
Komplementär +180°
- 352925
Betel Nut Dye
- 212F33
≈ Freinacht Black
Analog -30° +30°
- 352925
Betel Nut Dye
- 35282A
≈ Smoky Charcoal
- 332B22
≈ Melon Seed
Triadisch +120° +240°
- 352925
Betel Nut Dye
- 242F29
≈ Midnight Moss
- 2A2B36
≈ Haiti
Geteilt komplementär +150° +210°
- 352925
Betel Nut Dye
- 212F2E
≈ Ardósia
- 252D36
≈ Freinacht Black
Tetradisch +90° +180° +270°
- 352925
Betel Nut Dye
- 292E24
≈ Rangoon Green
- 212F33
≈ Freinacht Black
- 2F2A34
≈ Haiti
Kontrast & Barrierefreiheit
Ag
AAAAuf Weiß
WCAG 14.04:1 · APCA Lc 101
Ag
FailAuf Schwarz
WCAG 1.49:1 · APCA Lc 0
Beste Textfarbe: #FFFFFF
WCAG 14.04:1 (AAA) · APCA Lc 101
Contrast pairs
Code-Snippets
CSS
:root {
--betel-nut-dye: #352925;
--betel-nut-dye-rgb: 53 41 37;
--betel-nut-dye-oklch: oklch(0.293 0.019 39.3);
}
.element {
color: var(--betel-nut-dye);
background-color: hsl(15 18% 18%);
border-color: oklch(0.293 0.019 39.3);
}Tailwind CSS v4
@theme {
--color-betel-nut-dye: #352925;
--color-betel-nut-dye-50: #faf3f1;
--color-betel-nut-dye-100: #eee6e3;
--color-betel-nut-dye-200: #dcd2ce;
--color-betel-nut-dye-300: #c1b4b0;
--color-betel-nut-dye-400: #a99b96;
--color-betel-nut-dye-500: #92827d;
--color-betel-nut-dye-600: #7c6e6a;
--color-betel-nut-dye-700: #635854;
--color-betel-nut-dye-800: #49403e;
--color-betel-nut-dye-900: #322c2a;
--color-betel-nut-dye-950: #1e1918;
}SCSS
$betel-nut-dye: #352925;
$betel-nut-dye-rgb: 53, 41, 37;
$betel-nut-dye-light: mix(#fff, $betel-nut-dye, 20%);
$betel-nut-dye-dark: mix(#000, $betel-nut-dye, 20%);
.element {
color: $betel-nut-dye;
box-shadow: 0 0 0 2px rgba($betel-nut-dye, 0.35);
}