最も近い色名 · #1E0B0E
#1E0B0E
最も近い色名: Italian Roast
#1E0B0E（rgb(30 11 14)、hsl(351 46% 8%)、oklch(0.18 0.033 10.9)）に最も近い色名はItalian Roastです。ティント、シェード、ハーモニー、WCAG/APCAコントラスト、CSS・Tailwind v4・SCSSコードを確認できます。
#1E0B0E
oklch(0.18 0.033 10.9)
カラー変換
- HEX
- #1e0b0e
- RGB
- rgb(30 11 14)
- HSL
- hsl(351 46% 8%)
- HWB
- hwb(351 4% 88%)
- OKLCH
- oklch(0.18 0.033 10.9)
- OKLab
- oklab(0.18 0.033 0.006)
- CIE Lab
- lab(5.02 8.98 1.78)
- LCH
- lch(5.02 9.15 11.2)
- CMYK
- cmyk(0% 63% 53% 88%)
ティント · シェード · トーン
ティント
- 311F21
- 463336
- 5B4A4C
- 706163
- 87797B
- 9E9394
- B5ADAE
- CDC7C8
- E6E3E3
シェード
- 19080B
- 130607
- 0E0405
- 090203
- 050102
- 030101
- 010000
- 000000
- 000000
トーン
- 271518
- 312022
- 3A2B2C
- 443637
- 4E4243
- 574D4E
- 615A5A
- 6B6667
- 767373
カラーハーモニー
補色 +180°
- 1E0B0E
Italian Roast
- 001615
≈ Black Glaze
類似色 -30° +30°
- 1E0B0E
Italian Roast
- 1B0B16
≈ Shot in the Dark
- 1E0C06
≈ Crowshead
トライアド +120° +240°
- 1E0B0E
Italian Roast
- 0C1505
≈ Pinch of Pepper
- 061220
≈ Kuretake Black Manga
スプリットコンプリメンタリー +150° +210°
- 1E0B0E
Italian Roast
- 03160D
≈ Jedi Night
- 00151C
≈ Creeping Death
テトラード +90° +180° +270°
- 1E0B0E
Italian Roast
- 151202
≈ Chinese Black
- 001615
≈ Black Glaze
- 0F1020
≈ Corbeau
コントラストとアクセシビリティ
Ag
AAA白の上
WCAG 18.92:1 · APCA Lc 105
Ag
Fail黒の上
WCAG 1.10:1 · APCA Lc 0
最適な文字色: #FFFFFF
WCAG 18.92:1 (AAA) · APCA Lc 105
Contrast pairs
コードスニペット
CSS
:root {
--italian-roast: #1e0b0e;
--italian-roast-rgb: 30 11 14;
--italian-roast-oklch: oklch(0.18 0.033 10.9);
}
.element {
color: var(--italian-roast);
background-color: hsl(351 46% 8%);
border-color: oklch(0.18 0.033 10.9);
}Tailwind CSS v4
@theme {
--color-italian-roast: #1e0b0e;
--color-italian-roast-50: #fff1f2;
--color-italian-roast-100: #f3e4e5;
--color-italian-roast-200: #e2cfd0;
--color-italian-roast-300: #c8b1b2;
--color-italian-roast-400: #b19799;
--color-italian-roast-500: #9b7d81;
--color-italian-roast-600: #836a6d;
--color-italian-roast-700: #695557;
--color-italian-roast-800: #4d3e40;
--color-italian-roast-900: #362a2c;
--color-italian-roast-950: #211819;
}SCSS
$italian-roast: #1e0b0e;
$italian-roast-rgb: 30, 11, 14;
$italian-roast-light: mix(#fff, $italian-roast, 20%);
$italian-roast-dark: mix(#000, $italian-roast, 20%);
.element {
color: $italian-roast;
box-shadow: 0 0 0 2px rgba($italian-roast, 0.35);
}