最も近い色名 · #240E08
#240E08
最も近い色名: Dwarf Fortress
#240E08（rgb(36 14 8)、hsl(13 64% 9%)、oklch(0.196 0.039 36.5)）に最も近い色名はDwarf Fortressです。ティント、シェード、ハーモニー、WCAG/APCAコントラスト、CSS・Tailwind v4・SCSSコードを確認できます。
#240E08
oklch(0.196 0.039 36.5)
カラー変換
- HEX
- #240e08
- RGB
- rgb(36 14 8)
- HSL
- hsl(13 64% 9%)
- HWB
- hwb(13 3% 86%)
- OKLCH
- oklch(0.196 0.039 36.5)
- OKLab
- oklab(0.196 0.032 0.023)
- CIE Lab
- lab(6.52 10.97 6.7)
- LCH
- lch(6.52 12.86 31.4)
- CMYK
- cmyk(0% 61% 78% 86%)
ティント · シェード · トーン
ティント
- 37221C
- 4B3731
- 604D47
- 75645F
- 8B7C78
- A19591
- B8AEAB
- CFC9C7
- E7E3E2
シェード
- 1E0B06
- 180704
- 120503
- 0C0302
- 070201
- 040101
- 020000
- 000000
- 000000
トーン
- 2D1812
- 36231D
- 3F2D28
- 483834
- 514440
- 5A4F4C
- 645B59
- 6D6765
- 767373
カラーハーモニー
補色 +180°
- 240E08
Dwarf Fortress
- 00191F
≈ Creeping Death
類似色 -30° +30°
- 240E08
Dwarf Fortress
- 240D12
≈ Italian Roast
- 211102
≈ Super Black
トライアド +120° +240°
- 240E08
Dwarf Fortress
- 041A0E
≈ Pinch of Pepper
- 111327
≈ Corbeau
スプリットコンプリメンタリー +150° +210°
- 240E08
Dwarf Fortress
- 001A18
≈ Black Stallion
- 051626
≈ Creeping Death
テトラード +90° +180° +270°
- 240E08
Dwarf Fortress
- 101804
≈ Pinch of Pepper
- 00191F
≈ Creeping Death
- 1A1023
≈ Shot in the Dark
コントラストとアクセシビリティ
Ag
AAA白の上
WCAG 18.39:1 · APCA Lc 105
Ag
Fail黒の上
WCAG 1.14:1 · APCA Lc 0
最適な文字色: #FFFFFF
WCAG 18.39:1 (AAA) · APCA Lc 105
Contrast pairs
コードスニペット
CSS
:root {
--dwarf-fortress: #240e08;
--dwarf-fortress-rgb: 36 14 8;
--dwarf-fortress-oklch: oklch(0.196 0.039 36.5);
}
.element {
color: var(--dwarf-fortress);
background-color: hsl(13 64% 9%);
border-color: oklch(0.196 0.039 36.5);
}Tailwind CSS v4
@theme {
--color-dwarf-fortress: #240e08;
--color-dwarf-fortress-50: #fff2ed;
--color-dwarf-fortress-100: #f4e4de;
--color-dwarf-fortress-200: #e4cfc8;
--color-dwarf-fortress-300: #cab1a9;
--color-dwarf-fortress-400: #b4978e;
--color-dwarf-fortress-500: #9e7d74;
--color-dwarf-fortress-600: #866a62;
--color-dwarf-fortress-700: #6b554f;
--color-dwarf-fortress-800: #4f3e39;
--color-dwarf-fortress-900: #372a27;
--color-dwarf-fortress-950: #221815;
}SCSS
$dwarf-fortress: #240e08;
$dwarf-fortress-rgb: 36, 14, 8;
$dwarf-fortress-light: mix(#fff, $dwarf-fortress, 20%);
$dwarf-fortress-dark: mix(#000, $dwarf-fortress, 20%);
.element {
color: $dwarf-fortress;
box-shadow: 0 0 0 2px rgba($dwarf-fortress, 0.35);
}