Adlandırılmış renk · #352925
Betel Nut Dye
Betel Nut Dye, #352925: rgb(53 41 37), hsl(15 18% 18%), oklch(0.293 0.019 39.3). Açık tonlar, koyu tonlar, uyumlar, WCAG ve APCA kontrastı ile CSS, Tailwind v4 ve SCSS kodunu görün.
What does Gray mean? → · Betel Nut Dye color name →
#352925
oklch(0.293 0.019 39.3)
Renk dönüşümleri
- 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%)
Açık tonlar · Koyu tonlar · Gri tonlar
Açık tonlar
- 473B37
- 594E4B
- 6C625F
- 807774
- 948C8A
- A8A2A0
- BDB9B7
- D3D0CF
- E9E7E7
Koyu tonlar
- 2D221F
- 251C19
- 1D1513
- 150F0D
- 0E0908
- 080504
- 030202
- 010100
- 000000
Gri tonlar
- 3C312D
- 433936
- 4B413E
- 524A47
- 595350
- 615B5A
- 696463
- 706D6C
- 787776
Renk uyumları
Tamamlayıcı +180°
- 352925
Betel Nut Dye
- 212F33
≈ Freinacht Black
Analog -30° +30°
- 352925
Betel Nut Dye
- 35282A
≈ Smoky Charcoal
- 332B22
≈ Melon Seed
Üçlü +120° +240°
- 352925
Betel Nut Dye
- 242F29
≈ Midnight Moss
- 2A2B36
≈ Haiti
Bölünmüş tamamlayıcı +150° +210°
- 352925
Betel Nut Dye
- 212F2E
≈ Ardósia
- 252D36
≈ Freinacht Black
Dörtlü +90° +180° +270°
- 352925
Betel Nut Dye
- 292E24
≈ Rangoon Green
- 212F33
≈ Freinacht Black
- 2F2A34
≈ Haiti
Kontrast ve erişilebilirlik
Ag
AAABeyaz üzerinde
WCAG 14.04:1 · APCA Lc 101
Ag
FailSiyah üzerinde
WCAG 1.49:1 · APCA Lc 0
En iyi metin rengi: #FFFFFF
WCAG 14.04:1 (AAA) · APCA Lc 101
Contrast pairs
Kod parçacıkları
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);
}