最も近い色名 · #2A191A
#2A191A
最も近い色名: Italian Roast
#2A191A（rgb(42 25 26)、hsl(356 25% 13%)、oklch(0.236 0.027 15.5)）に最も近い色名はItalian Roastです。ティント、シェード、ハーモニー、WCAG/APCAコントラスト、CSS・Tailwind v4・SCSSコードを確認できます。
#2A191A
oklch(0.236 0.027 15.5)
カラー変換
- HEX
- #2a191a
- RGB
- rgb(42 25 26)
- HSL
- hsl(356 25% 13%)
- HWB
- hwb(356 10% 84%)
- OKLCH
- oklch(0.236 0.027 15.5)
- OKLab
- oklab(0.236 0.026 0.007)
- CIE Lab
- lab(11.1 8.89 2.96)
- LCH
- lch(11.1 9.37 18.4)
- CMYK
- cmyk(0% 40% 38% 84%)
ティント · シェード · トーン
ティント
- 3D2C2D
- 504041
- 645556
- 786B6C
- 8E8283
- A39A9A
- BAB2B3
- D0CBCB
- E7E5E5
シェード
- 231415
- 1C1010
- 160B0C
- 100707
- 0A0404
- 050202
- 020101
- 010000
- 000000
トーン
- 322223
- 3A2C2C
- 433536
- 4B3F40
- 544A4A
- 5C5454
- 655F5F
- 6E6A6A
- 777575
カラーハーモニー
補色 +180°
- 2A191A
Italian Roast
- 0D2222
≈ Black Feather
類似色 -30° +30°
- 2A191A
Italian Roast
- 281921
≈ Black Cherry
- 291A13
≈ Tetsu-Guro Black
トライアド +120° +240°
- 2A191A
Italian Roast
- 192114
≈ Nightmare
- 161F2B
≈ Hēi Sè Black
スプリットコンプリメンタリー +150° +210°
- 2A191A
Italian Roast
- 11231B
≈ Black Emerald
- 0F2128
≈ Crow Feather
テトラード +90° +180° +270°
- 2A191A
Italian Roast
- 201F10
≈ Black Mesa
- 0D2222
≈ Black Feather
- 1D1D2B
≈ Black Howl
コントラストとアクセシビリティ
Ag
AAA白の上
WCAG 16.76:1 · APCA Lc 104
Ag
Fail黒の上
WCAG 1.25:1 · APCA Lc 0
最適な文字色: #FFFFFF
WCAG 16.76:1 (AAA) · APCA Lc 104
Contrast pairs
コードスニペット
CSS
:root {
--italian-roast: #2a191a;
--italian-roast-rgb: 42 25 26;
--italian-roast-oklch: oklch(0.236 0.027 15.5);
}
.element {
color: var(--italian-roast);
background-color: hsl(356 25% 13%);
border-color: oklch(0.236 0.027 15.5);
}Tailwind CSS v4
@theme {
--color-italian-roast: #2a191a;
--color-italian-roast-50: #fdf2f2;
--color-italian-roast-100: #f1e4e4;
--color-italian-roast-200: #e0d0d0;
--color-italian-roast-300: #c5b2b2;
--color-italian-roast-400: #ae9899;
--color-italian-roast-500: #987f80;
--color-italian-roast-600: #806c6c;
--color-italian-roast-700: #675657;
--color-italian-roast-800: #4b3f3f;
--color-italian-roast-900: #342b2c;
--color-italian-roast-950: #201819;
}SCSS
$italian-roast: #2a191a;
$italian-roast-rgb: 42, 25, 26;
$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);
}