가장 가까운 이름 색상 · #1D392D
#1D392D
가장 가까운 이름 색상: Everglade
#1D392D(rgb(29 57 45), hsl(154 33% 17%), oklch(0.318 0.041 164.6))와 가장 가까운 이름 색상은 Everglade입니다. 틴트, 셰이드, 색 조화, WCAG·APCA 대비, CSS·Tailwind v4·SCSS 코드를 확인하세요.
#1D392D
oklch(0.318 0.041 164.6)
색상 변환
- HEX
- #1d392d
- RGB
- rgb(29 57 45)
- HSL
- hsl(154 33% 17%)
- HWB
- hwb(154 11% 78%)
- OKLCH
- oklch(0.318 0.041 164.6)
- OKLab
- oklab(0.318 -0.039 0.011)
- CIE Lab
- lab(21.45 -13.7 4.04)
- LCH
- lch(21.45 14.29 163.6)
- CMYK
- cmyk(49% 0% 21% 78%)
틴트 · 셰이드 · 톤
틴트
- 314A3F
- 465D52
- 5B6F65
- 71827A
- 87968F
- 9EAAA4
- B5BFBA
- CED4D1
- E6E9E8
셰이드
- 183026
- 13281F
- 0E1F18
- 091711
- 05100B
- 030906
- 010402
- 000101
- 000000
톤
- 274035
- 31473C
- 3A4D44
- 44544D
- 4E5C55
- 58635D
- 616A66
- 6C716E
- 767977
색 조화
보색 +180°
- 1D392D
Everglade
- 412A37
≈ Soft Red
유사색 -30° +30°
- 1D392D
Everglade
- 293722
≈ Black Leather Jacket
- 153939
≈ Nordic
삼각 배색 +120° +240°
- 1D392D
Everglade
- 303046
≈ Blue Regal
- 442C21
≈ Morocco Brown
분열 보색 +150° +210°
- 1D392D
Everglade
- 3A2C41
≈ Obsidian Lava Black
- 452A2C
≈ Rookwood Dark Red
사각 배색 +90° +180° +270°
- 1D392D
Everglade
- 243347
≈ Crow Black
- 412A37
≈ Soft Red
- 3F2F1A
≈ Iroko
대비 및 접근성
Ag
AAA흰색 위
WCAG 12.53:1 · APCA Lc 98
Ag
Fail검은색 위
WCAG 1.67:1 · APCA Lc 0
가장 좋은 글자색: #FFFFFF
WCAG 12.53:1 (AAA) · APCA Lc 98
Contrast pairs
코드 스니펫
CSS
:root {
--everglade: #1d392d;
--everglade-rgb: 29 57 45;
--everglade-oklch: oklch(0.318 0.041 164.6);
}
.element {
color: var(--everglade);
background-color: hsl(154 33% 17%);
border-color: oklch(0.318 0.041 164.6);
}Tailwind CSS v4
@theme {
--color-everglade: #1d392d;
--color-everglade-50: #ebf9f3;
--color-everglade-100: #dcece5;
--color-everglade-200: #c5dad0;
--color-everglade-300: #a5beb3;
--color-everglade-400: #89a698;
--color-everglade-500: #6d8f7f;
--color-everglade-600: #5d796c;
--color-everglade-700: #4a6156;
--color-everglade-800: #36473e;
--color-everglade-900: #25312b;
--color-everglade-950: #131d18;
}SCSS
$everglade: #1d392d;
$everglade-rgb: 29, 57, 45;
$everglade-light: mix(#fff, $everglade, 20%);
$everglade-dark: mix(#000, $everglade, 20%);
.element {
color: $everglade;
box-shadow: 0 0 0 2px rgba($everglade, 0.35);
}