最も近い色名 · #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);
}