이름 색상 · #352925
Betel Nut Dye
Betel Nut Dye은(는) #352925: rgb(53 41 37), hsl(15 18% 18%), oklch(0.293 0.019 39.3). 틴트, 셰이드, 색 조화, WCAG·APCA 대비, CSS·Tailwind v4·SCSS 코드를 확인하세요.
What does Gray mean? → · Betel Nut Dye color name →
#352925
oklch(0.293 0.019 39.3)
색상 변환
- 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%)
틴트 · 셰이드 · 톤
틴트
- 473B37
- 594E4B
- 6C625F
- 807774
- 948C8A
- A8A2A0
- BDB9B7
- D3D0CF
- E9E7E7
셰이드
- 2D221F
- 251C19
- 1D1513
- 150F0D
- 0E0908
- 080504
- 030202
- 010100
- 000000
톤
- 3C312D
- 433936
- 4B413E
- 524A47
- 595350
- 615B5A
- 696463
- 706D6C
- 787776
색 조화
보색 +180°
- 352925
Betel Nut Dye
- 212F33
≈ Freinacht Black
유사색 -30° +30°
- 352925
Betel Nut Dye
- 35282A
≈ Smoky Charcoal
- 332B22
≈ Melon Seed
삼각 배색 +120° +240°
- 352925
Betel Nut Dye
- 242F29
≈ Midnight Moss
- 2A2B36
≈ Haiti
분열 보색 +150° +210°
- 352925
Betel Nut Dye
- 212F2E
≈ Ardósia
- 252D36
≈ Freinacht Black
사각 배색 +90° +180° +270°
- 352925
Betel Nut Dye
- 292E24
≈ Rangoon Green
- 212F33
≈ Freinacht Black
- 2F2A34
≈ Haiti
대비 및 접근성
Ag
AAA흰색 위
WCAG 14.04:1 · APCA Lc 101
Ag
Fail검은색 위
WCAG 1.49:1 · APCA Lc 0
가장 좋은 글자색: #FFFFFF
WCAG 14.04:1 (AAA) · APCA Lc 101
Contrast pairs
코드 스니펫
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);
}