最も近い色名 · #23090C
#23090C
最も近い色名: Dwarf Fortress
#23090C（rgb(35 9 12)、hsl(353 59% 9%)、oklch(0.185 0.045 15.4)）に最も近い色名はDwarf Fortressです。ティント、シェード、ハーモニー、WCAG/APCAコントラスト、CSS・Tailwind v4・SCSSコードを確認できます。
#23090C
oklch(0.185 0.045 15.4)
カラー変換
- HEX
- #23090c
- RGB
- rgb(35 9 12)
- HSL
- hsl(353 59% 9%)
- HWB
- hwb(353 4% 86%)
- OKLCH
- oklch(0.185 0.045 15.4)
- OKLab
- oklab(0.185 0.043 0.012)
- CIE Lab
- lab(5.35 12.89 3.32)
- LCH
- lch(5.35 13.31 14.5)
- CMYK
- cmyk(0% 74% 66% 86%)
ティント · シェード · トーン
ティント
- 371D1F
- 4B3234
- 60494A
- 756061
- 8B797A
- A19293
- B8ACAD
- CFC7C7
- E7E3E3
シェード
- 1D0709
- 170506
- 110304
- 0C0203
- 070102
- 040101
- 010000
- 000000
- 000000
トーン
- 2C1416
- 351F20
- 3F2A2B
- 483536
- 514142
- 5A4D4E
- 64595A
- 6D6666
- 777373
カラーハーモニー
補色 +180°
- 23090C
Dwarf Fortress
- 001717
≈ Black Glaze
類似色 -30° +30°
- 23090C
Dwarf Fortress
- 200917
≈ Meški Black
- 220B02
≈ Severely Burnt Toast
トライアド +120° +240°
- 23090C
Dwarf Fortress
- 091703
≈ Oil Slick
- 051326
≈ Kuretake Black Manga
スプリットコンプリメンタリー +150° +210°
- 23090C
Dwarf Fortress
- 00180E
≈ Pinch of Pepper
- 00161E
≈ Creeping Death
テトラード +90° +180° +270°
- 23090C
Dwarf Fortress
- 151300
≈ Chinese Black
- 001717
≈ Black Glaze
- 110F25
≈ Corbeau
コントラストとアクセシビリティ
Ag
AAA白の上
WCAG 18.81:1 · APCA Lc 105
Ag
Fail黒の上
WCAG 1.11:1 · APCA Lc 0
最適な文字色: #FFFFFF
WCAG 18.81:1 (AAA) · APCA Lc 105
Contrast pairs
コードスニペット
CSS
:root {
--dwarf-fortress: #23090c;
--dwarf-fortress-rgb: 35 9 12;
--dwarf-fortress-oklch: oklch(0.185 0.045 15.4);
}
.element {
color: var(--dwarf-fortress);
background-color: hsl(353 59% 9%);
border-color: oklch(0.185 0.045 15.4);
}Tailwind CSS v4
@theme {
--color-dwarf-fortress: #23090c;
--color-dwarf-fortress-50: #fff0f0;
--color-dwarf-fortress-100: #f7e2e2;
--color-dwarf-fortress-200: #e7cdcd;
--color-dwarf-fortress-300: #cdafaf;
--color-dwarf-fortress-400: #b79496;
--color-dwarf-fortress-500: #a27a7c;
--color-dwarf-fortress-600: #896869;
--color-dwarf-fortress-700: #6e5354;
--color-dwarf-fortress-800: #513c3e;
--color-dwarf-fortress-900: #38292a;
--color-dwarf-fortress-950: #231718;
}SCSS
$dwarf-fortress: #23090c;
$dwarf-fortress-rgb: 35, 9, 12;
$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);
}