最も近い色名 · #1E2026
#1E2026
最も近い色名: Noble Black
#1E2026（rgb(30 32 38)、hsl(225 12% 13%)、oklch(0.244 0.012 270.9)）に最も近い色名はNoble Blackです。ティント、シェード、ハーモニー、WCAG/APCAコントラスト、CSS・Tailwind v4・SCSSコードを確認できます。
#1E2026
oklch(0.244 0.012 270.9)
カラー変換
- HEX
- #1e2026
- RGB
- rgb(30 32 38)
- HSL
- hsl(225 12% 13%)
- HWB
- hwb(225 12% 85%)
- OKLCH
- oklch(0.244 0.012 270.9)
- OKLab
- oklab(0.244 0 -0.012)
- CIE Lab
- lab(12.23 0.27 -4.4)
- LCH
- lch(12.23 4.41 273.6)
- CMYK
- cmyk(21% 16% 0% 85%)
ティント · シェード · トーン
ティント
- 313338
- 44464C
- 595B60
- 6F7075
- 85878A
- 9C9DA1
- B4B5B7
- CDCDCF
- E6E6E7
シェード
- 191A20
- 131519
- 0E0F13
- 090A0D
- 050608
- 030304
- 010102
- 000001
- 000000
トーン
- 27292E
- 303137
- 393B3F
- 424448
- 4C4D51
- 56575A
- 606163
- 6B6B6D
- 757676
カラーハーモニー
補色 +180°
- 1E2026
Noble Black
- 22201A
≈ Petroleum
類似色 -30° +30°
- 1E2026
Noble Black
- 1B2125
≈ Noble Black
- 211F25
≈ Wet Charcoal
トライアド +120° +240°
- 1E2026
Noble Black
- 261E1D
≈ Velvet Black
- 1C221D
≈ Underworld
スプリットコンプリメンタリー +150° +210°
- 1E2026
Noble Black
- 251F1B
≈ Velvet Black
- 1F211B
≈ Petroleum
テトラード +90° +180° +270°
- 1E2026
Noble Black
- 251E20
≈ Velvet Black
- 22201A
≈ Petroleum
- 1A2220
≈ Shadow Warrior
コントラストとアクセシビリティ
Ag
AAA白の上
WCAG 16.28:1 · APCA Lc 103
Ag
Fail黒の上
WCAG 1.28:1 · APCA Lc 0
最適な文字色: #FFFFFF
WCAG 16.28:1 (AAA) · APCA Lc 103
Contrast pairs
コードスニペット
CSS
:root {
--noble-black: #1e2026;
--noble-black-rgb: 30 32 38;
--noble-black-oklch: oklch(0.244 0.012 270.9);
}
.element {
color: var(--noble-black);
background-color: hsl(225 12% 13%);
border-color: oklch(0.244 0.012 270.9);
}Tailwind CSS v4
@theme {
--color-noble-black: #1e2026;
--color-noble-black-50: #f4f5f9;
--color-noble-black-100: #e6e8ec;
--color-noble-black-200: #d2d4d9;
--color-noble-black-300: #b5b7be;
--color-noble-black-400: #9c9ea6;
--color-noble-black-500: #83868e;
--color-noble-black-600: #6f7178;
--color-noble-black-700: #595b60;
--color-noble-black-800: #414247;
--color-noble-black-900: #2c2e31;
--color-noble-black-950: #1a1b1d;
}SCSS
$noble-black: #1e2026;
$noble-black-rgb: 30, 32, 38;
$noble-black-light: mix(#fff, $noble-black, 20%);
$noble-black-dark: mix(#000, $noble-black, 20%);
.element {
color: $noble-black;
box-shadow: 0 0 0 2px rgba($noble-black, 0.35);
}