가장 가까운 이름 색상 · #314E00
#314E00
가장 가까운 이름 색상: Deep Forestial Escapade
#314E00(rgb(49 78 0), hsl(82 100% 15%), oklch(0.386 0.104 129.8))와 가장 가까운 이름 색상은 Deep Forestial Escapade입니다. 틴트, 셰이드, 색 조화, WCAG·APCA 대비, CSS·Tailwind v4·SCSS 코드를 확인하세요.
#314E00
oklch(0.386 0.104 129.8)
색상 변환
- HEX
- #314e00
- RGB
- rgb(49 78 0)
- HSL
- hsl(82 100% 15%)
- HWB
- hwb(82 0% 69%)
- OKLCH
- oklch(0.386 0.104 129.8)
- OKLab
- oklab(0.386 -0.066 0.08)
- CIE Lab
- lab(29.78 -20.37 36.59)
- LCH
- lch(29.78 41.88 119.1)
- CMYK
- cmyk(37% 0% 100% 69%)
틴트 · 셰이드 · 톤
틴트
- 435E22
- 566F3A
- 698052
- 7D926A
- 92A381
- A7B59A
- BCC7B2
- D2DACB
- E8ECE5
셰이드
- 294300
- 223800
- 1A2D00
- 132300
- 0C1900
- 060F00
- 030700
- 010200
- 000000
톤
- 395315
- 405824
- 485D31
- 50623D
- 586748
- 606C53
- 68715E
- 70766A
- 787B75
색 조화
보색 +180°
- 314E00
Deep Forestial Escapade
- 55316D
≈ Imperial Purple
유사색 -30° +30°
- 314E00
Deep Forestial Escapade
- 4E4400
≈ Roman Bronze
- 005233
≈ Permanent Green
삼각 배색 +120° +240°
- 314E00
Deep Forestial Escapade
- 074678
≈ Kolibri Blue
- 702737
≈ Merlot Fields
분열 보색 +150° +210°
- 314E00
Deep Forestial Escapade
- 3A3B79
≈ Evening Magic
- 662A55
≈ Velvet Mauve
사각 배색 +90° +180° +270°
- 314E00
Deep Forestial Escapade
- 004C5E
≈ Teal Dark Blue
- 55316D
≈ Imperial Purple
- 702C12
≈ Moussaka
대비 및 접근성
Ag
AAA흰색 위
WCAG 9.45:1 · APCA Lc 92
Ag
Fail검은색 위
WCAG 2.22:1 · APCA Lc 11
가장 좋은 글자색: #FFFFFF
WCAG 9.45:1 (AAA) · APCA Lc 92
Contrast pairs
코드 스니펫
CSS
:root {
--deep-forestial-escapade: #314e00;
--deep-forestial-escapade-rgb: 49 78 0;
--deep-forestial-escapade-oklch: oklch(0.386 0.104 129.8);
}
.element {
color: var(--deep-forestial-escapade);
background-color: hsl(82 100% 15%);
border-color: oklch(0.386 0.104 129.8);
}Tailwind CSS v4
@theme {
--color-deep-forestial-escapade: #314e00;
--color-deep-forestial-escapade-50: #eafcde;
--color-deep-forestial-escapade-100: #dbf0cc;
--color-deep-forestial-escapade-200: #c4deb0;
--color-deep-forestial-escapade-300: #a4c38c;
--color-deep-forestial-escapade-400: #8aab68;
--color-deep-forestial-escapade-500: #6f9446;
--color-deep-forestial-escapade-600: #5e7d3c;
--color-deep-forestial-escapade-700: #4b6430;
--color-deep-forestial-escapade-800: #384920;
--color-deep-forestial-escapade-900: #263315;
--color-deep-forestial-escapade-950: #151e06;
}SCSS
$deep-forestial-escapade: #314e00;
$deep-forestial-escapade-rgb: 49, 78, 0;
$deep-forestial-escapade-light: mix(#fff, $deep-forestial-escapade, 20%);
$deep-forestial-escapade-dark: mix(#000, $deep-forestial-escapade, 20%);
.element {
color: $deep-forestial-escapade;
box-shadow: 0 0 0 2px rgba($deep-forestial-escapade, 0.35);
}