가장 가까운 이름 색상 · #295427
#295427
가장 가까운 이름 색상: Moor-Monster
#295427(rgb(41 84 39), hsl(117 37% 24%), oklch(0.403 0.087 142.9))와 가장 가까운 이름 색상은 Moor-Monster입니다. 틴트, 셰이드, 색 조화, WCAG·APCA 대비, CSS·Tailwind v4·SCSS 코드를 확인하세요.
#295427
oklch(0.403 0.087 142.9)
색상 변환
- HEX
- #295427
- RGB
- rgb(41 84 39)
- HSL
- hsl(117 37% 24%)
- HWB
- hwb(117 15% 67%)
- OKLCH
- oklch(0.403 0.087 142.9)
- OKLab
- oklab(0.403 -0.069 0.052)
- CIE Lab
- lab(31.74 -23.51 21.32)
- LCH
- lch(31.74 31.74 137.8)
- CMYK
- cmyk(51% 0% 54% 67%)
틴트 · 셰이드 · 톤
틴트
- 3D643B
- 51744F
- 668463
- 7B9578
- 90A68E
- A5B7A3
- BBC9BA
- D1DBD0
- E8EDE7
셰이드
- 224820
- 1C3C1A
- 153114
- 0F260E
- 091B08
- 051104
- 020802
- 010201
- 000000
톤
- 325930
- 3B5D39
- 446142
- 4D664B
- 556A54
- 5E6F5C
- 667365
- 6F776E
- 777C77
색 조화
보색 +180°
- 295427
Moor-Monster
- 5E3763
≈ Long Passionate Night
유사색 -30° +30°
- 295427
Moor-Monster
- 494D05
≈ No Emissions Green
- 005644
≈ Sacramento State Green
삼각 배색 +120° +240°
- 295427
Moor-Monster
- 2F4777
≈ Dragonfly
- 703332
≈ Henna Red
분열 보색 +150° +210°
- 295427
Moor-Monster
- 4B3E73
≈ Opera Blue
- 6B334C
≈ Noble Honour
사각 배색 +90° +180° +270°
대비 및 접근성
Ag
AAA흰색 위
WCAG 8.78:1 · APCA Lc 90
Ag
Fail검은색 위
WCAG 2.39:1 · APCA Lc 12
가장 좋은 글자색: #FFFFFF
WCAG 8.78:1 (AAA) · APCA Lc 90
Contrast pairs
코드 스니펫
CSS
:root {
--moor-monster: #295427;
--moor-monster-rgb: 41 84 39;
--moor-monster-oklch: oklch(0.403 0.087 142.9);
}
.element {
color: var(--moor-monster);
background-color: hsl(117 37% 24%);
border-color: oklch(0.403 0.087 142.9);
}Tailwind CSS v4
@theme {
--color-moor-monster: #295427;
--color-moor-monster-50: #e7fce6;
--color-moor-monster-100: #d7f0d6;
--color-moor-monster-200: #bedfbe;
--color-moor-monster-300: #9cc49c;
--color-moor-monster-400: #80ac7d;
--color-moor-monster-500: #639560;
--color-moor-monster-600: #547e51;
--color-moor-monster-700: #436541;
--color-moor-monster-800: #314a2d;
--color-moor-monster-900: #21331e;
--color-moor-monster-950: #111f0e;
}SCSS
$moor-monster: #295427;
$moor-monster-rgb: 41, 84, 39;
$moor-monster-light: mix(#fff, $moor-monster, 20%);
$moor-monster-dark: mix(#000, $moor-monster, 20%);
.element {
color: $moor-monster;
box-shadow: 0 0 0 2px rgba($moor-monster, 0.35);
}