가장 가까운 이름 색상 · #1E4300
#1E4300
가장 가까운 이름 색상: Woodland Grass
#1E4300(rgb(30 67 0), hsl(93 100% 13%), oklch(0.342 0.101 135.4))와 가장 가까운 이름 색상은 Woodland Grass입니다. 틴트, 셰이드, 색 조화, WCAG·APCA 대비, CSS·Tailwind v4·SCSS 코드를 확인하세요.
#1E4300
oklch(0.342 0.101 135.4)
색상 변환
- HEX
- #1e4300
- RGB
- rgb(30 67 0)
- HSL
- hsl(93 100% 13%)
- HWB
- hwb(93 0% 74%)
- OKLCH
- oklch(0.342 0.101 135.4)
- OKLab
- oklab(0.342 -0.072 0.071)
- CIE Lab
- lab(24.68 -22.99 31.92)
- LCH
- lch(24.68 39.34 125.8)
- CMYK
- cmyk(55% 0% 100% 74%)
틴트 · 셰이드 · 톤
틴트
- 33541E
- 476637
- 5C784E
- 728A66
- 889D7E
- 9FB097
- B6C3B0
- CED7CA
- E6EBE4
셰이드
- 193900
- 132F00
- 0E2600
- 091D00
- 051400
- 030C00
- 010500
- 000100
- 000000
톤
- 284913
- 324F21
- 3B552D
- 455C39
- 4F6245
- 586851
- 626E5C
- 6C7468
- 767A74
색 조화
보색 +180°
- 1E4300
Woodland Grass
- 4C255B
≈ Wonka Purple
유사색 -30° +30°
- 1E4300
Woodland Grass
- 3E3A00
≈ Camouflage
- 00442F
≈ UP Forest Green
삼각 배색 +120° +240°
- 1E4300
Woodland Grass
- 0C386B
≈ Lost in Space
- 621C27
≈ Pohutukawa
분열 보색 +150° +210°
- 1E4300
Woodland Grass
- 352E69
≈ Deep Koamaru
- 5B1E44
≈ Plum Caspia
사각 배색 +90° +180° +270°
- 1E4300
Woodland Grass
- 003F52
≈ Maniac Mansion
- 4C255B
≈ Wonka Purple
- 5F2300
≈ Raw Chocolate
대비 및 접근성
Ag
AAA흰색 위
WCAG 11.30:1 · APCA Lc 96
Ag
Fail검은색 위
WCAG 1.85:1 · APCA Lc 0
가장 좋은 글자색: #FFFFFF
WCAG 11.30:1 (AAA) · APCA Lc 96
Contrast pairs
코드 스니펫
CSS
:root {
--woodland-grass: #1e4300;
--woodland-grass-rgb: 30 67 0;
--woodland-grass-oklch: oklch(0.342 0.101 135.4);
}
.element {
color: var(--woodland-grass);
background-color: hsl(93 100% 13%);
border-color: oklch(0.342 0.101 135.4);
}Tailwind CSS v4
@theme {
--color-woodland-grass: #1e4300;
--color-woodland-grass-50: #e8fce1;
--color-woodland-grass-100: #d8f0d0;
--color-woodland-grass-200: #c0dfb5;
--color-woodland-grass-300: #9fc491;
--color-woodland-grass-400: #84ac6f;
--color-woodland-grass-500: #68954f;
--color-woodland-grass-600: #587e44;
--color-woodland-grass-700: #466536;
--color-woodland-grass-800: #344a24;
--color-woodland-grass-900: #233318;
--color-woodland-grass-950: #121f09;
}SCSS
$woodland-grass: #1e4300;
$woodland-grass-rgb: 30, 67, 0;
$woodland-grass-light: mix(#fff, $woodland-grass, 20%);
$woodland-grass-dark: mix(#000, $woodland-grass, 20%);
.element {
color: $woodland-grass;
box-shadow: 0 0 0 2px rgba($woodland-grass, 0.35);
}