가장 가까운 이름 색상 · #395602
#395602
가장 가까운 이름 색상: Deep Forestial Escapade
#395602(rgb(57 86 2), hsl(81 95% 17%), oklch(0.414 0.108 128.8))와 가장 가까운 이름 색상은 Deep Forestial Escapade입니다. 틴트, 셰이드, 색 조화, WCAG·APCA 대비, CSS·Tailwind v4·SCSS 코드를 확인하세요.
#395602
oklch(0.414 0.108 128.8)
색상 변환
- HEX
- #395602
- RGB
- rgb(57 86 2)
- HSL
- hsl(81 95% 17%)
- HWB
- hwb(81 1% 66%)
- OKLCH
- oklch(0.414 0.108 128.8)
- OKLab
- oklab(0.414 -0.068 0.084)
- CIE Lab
- lab(33.1 -20.63 38.66)
- LCH
- lch(33.1 43.83 118.1)
- CMYK
- cmyk(34% 0% 98% 66%)
틴트 · 셰이드 · 톤
틴트
- 4B6625
- 5D763E
- 6F8655
- 83976C
- 96A884
- AAB99C
- BFCAB4
- D4DBCD
- E9EDE6
셰이드
- 304A01
- 283E01
- 1F3201
- 172700
- 101C00
- 091200
- 040800
- 010200
- 000000
톤
- 405A18
- 475F27
- 4E6333
- 55673F
- 5C6C4A
- 637055
- 6A7460
- 71786B
- 797C75
색 조화
보색 +180°
- 395602
Deep Forestial Escapade
- 5D3878
≈ Tillandsia Purple
유사색 -30° +30°
- 395602
Deep Forestial Escapade
- 584C00
≈ Scorzonera Brown
- 005B38
≈ Crusoe
삼각 배색 +120° +240°
- 395602
Deep Forestial Escapade
- 094E83
≈ Cook’s Bay
- 7A2D3F
≈ Red Octopus
분열 보색 +150° +210°
- 395602
Deep Forestial Escapade
- 404385
≈ Queen of the Night Shift
- 70315F
≈ Grape
사각 배색 +90° +180° +270°
- 395602
Deep Forestial Escapade
- 005567
≈ Rainy Morning
- 5D3878
≈ Tillandsia Purple
- 7B3219
≈ Mocha Glow
대비 및 접근성
Ag
AAA흰색 위
WCAG 8.38:1 · APCA Lc 89
Ag
Fail검은색 위
WCAG 2.50:1 · APCA Lc 13
가장 좋은 글자색: #FFFFFF
WCAG 8.38:1 (AAA) · APCA Lc 89
Contrast pairs
코드 스니펫
CSS
:root {
--deep-forestial-escapade: #395602;
--deep-forestial-escapade-rgb: 57 86 2;
--deep-forestial-escapade-oklch: oklch(0.414 0.108 128.8);
}
.element {
color: var(--deep-forestial-escapade);
background-color: hsl(81 95% 17%);
border-color: oklch(0.414 0.108 128.8);
}Tailwind CSS v4
@theme {
--color-deep-forestial-escapade: #395602;
--color-deep-forestial-escapade-50: #ebfcdc;
--color-deep-forestial-escapade-100: #dcf0ca;
--color-deep-forestial-escapade-200: #c4deae;
--color-deep-forestial-escapade-300: #a4c389;
--color-deep-forestial-escapade-400: #8bab64;
--color-deep-forestial-escapade-500: #709440;
--color-deep-forestial-escapade-600: #5f7d38;
--color-deep-forestial-escapade-700: #4c642c;
--color-deep-forestial-escapade-800: #38491d;
--color-deep-forestial-escapade-900: #273313;
--color-deep-forestial-escapade-950: #151e05;
}SCSS
$deep-forestial-escapade: #395602;
$deep-forestial-escapade-rgb: 57, 86, 2;
$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);
}