가장 가까운 이름 색상 · #30381C
#30381C
가장 가까운 이름 색상: Darkest Forest
#30381C(rgb(48 56 28), hsl(77 33% 16%), oklch(0.325 0.047 122.1))와 가장 가까운 이름 색상은 Darkest Forest입니다. 틴트, 셰이드, 색 조화, WCAG·APCA 대비, CSS·Tailwind v4·SCSS 코드를 확인하세요.
#30381C
oklch(0.325 0.047 122.1)
색상 변환
- HEX
- #30381c
- RGB
- rgb(48 56 28)
- HSL
- hsl(77 33% 16%)
- HWB
- hwb(77 11% 78%)
- OKLCH
- oklch(0.325 0.047 122.1)
- OKLab
- oklab(0.325 -0.025 0.04)
- CIE Lab
- lab(22.17 -7.66 16.27)
- LCH
- lch(22.17 17.98 115.2)
- CMYK
- cmyk(14% 0% 50% 78%)
틴트 · 셰이드 · 톤
틴트
- 424A30
- 545C44
- 686E59
- 7C826F
- 909686
- A5AA9D
- BBBEB5
- D1D4CD
- E8E9E6
셰이드
- 282F17
- 212712
- 1A1F0D
- 131708
- 0C0F05
- 060802
- 030401
- 010100
- 000000
톤
- 373F26
- 3F462F
- 474D39
- 4E5443
- 565B4D
- 5E6257
- 676A61
- 6F716B
- 777875
색 조화
보색 +180°
- 30381C
Darkest Forest
- 392E48
≈ Obsidian Lava Black
유사색 -30° +30°
- 30381C
Darkest Forest
- 3D3316
≈ Pullman Green
- 213B28
≈ Palm Green
삼각 배색 +120° +240°
- 30381C
Darkest Forest
- 1D374A
≈ Subterranean River
- 482A32
≈ Wine Tasting
분열 보색 +150° +210°
- 30381C
Darkest Forest
- 2C334C
≈ Bunting
- 422B3F
≈ Barossa
사각 배색 +90° +180° +270°
- 30381C
Darkest Forest
- 113A42
≈ Ghostlands Coal
- 392E48
≈ Obsidian Lava Black
- 492B25
≈ Brown Coffee
대비 및 접근성
Ag
AAA흰색 위
WCAG 12.29:1 · APCA Lc 98
Ag
Fail검은색 위
WCAG 1.70:1 · APCA Lc 0
가장 좋은 글자색: #FFFFFF
WCAG 12.29:1 (AAA) · APCA Lc 98
Contrast pairs
코드 스니펫
CSS
:root {
--darkest-forest: #30381c;
--darkest-forest-rgb: 48 56 28;
--darkest-forest-oklch: oklch(0.325 0.047 122.1);
}
.element {
color: var(--darkest-forest);
background-color: hsl(77 33% 16%);
border-color: oklch(0.325 0.047 122.1);
}Tailwind CSS v4
@theme {
--color-darkest-forest: #30381c;
--color-darkest-forest-50: #f2f8e9;
--color-darkest-forest-100: #e4ebda;
--color-darkest-forest-200: #d0d8c2;
--color-darkest-forest-300: #b2bca2;
--color-darkest-forest-400: #99a385;
--color-darkest-forest-500: #818b69;
--color-darkest-forest-600: #6d7659;
--color-darkest-forest-700: #575e47;
--color-darkest-forest-800: #404533;
--color-darkest-forest-900: #2c3022;
--color-darkest-forest-950: #191c12;
}SCSS
$darkest-forest: #30381c;
$darkest-forest-rgb: 48, 56, 28;
$darkest-forest-light: mix(#fff, $darkest-forest, 20%);
$darkest-forest-dark: mix(#000, $darkest-forest, 20%);
.element {
color: $darkest-forest;
box-shadow: 0 0 0 2px rgba($darkest-forest, 0.35);
}