最も近い色名 · #1E2310
#1E2310
最も近い色名: Midnight Pines
#1E2310（rgb(30 35 16)、hsl(76 37% 10%)、oklch(0.245 0.034 121)）に最も近い色名はMidnight Pinesです。ティント、シェード、ハーモニー、WCAG/APCAコントラスト、CSS・Tailwind v4・SCSSコードを確認できます。
#1E2310
oklch(0.245 0.034 121)
カラー変換
- HEX
- #1e2310
- RGB
- rgb(30 35 16)
- HSL
- hsl(76 37% 10%)
- HWB
- hwb(76 6% 86%)
- OKLCH
- oklch(0.245 0.034 121)
- OKLab
- oklab(0.245 -0.018 0.029)
- CIE Lab
- lab(12.77 -5.38 11.61)
- LCH
- lch(12.77 12.79 114.8)
- CMYK
- cmyk(14% 0% 54% 86%)
ティント · シェード · トーン
ティント
- 313624
- 444939
- 595E4F
- 6F7366
- 85897D
- 9C9F96
- B4B6AF
- CDCEC9
- E6E6E4
シェード
- 191D0C
- 131709
- 0E1106
- 090C04
- 050702
- 030401
- 010100
- 000000
- 000000
トーン
- 272B1A
- 303425
- 393D2F
- 42463A
- 4C4F45
- 565950
- 60625C
- 6B6C68
- 757674
カラーハーモニー
補色 +180°
- 1E2310
Midnight Pines
- 231D2E
≈ Black Howl
類似色 -30° +30°
- 1E2310
Midnight Pines
- 27200C
≈ Black Mesa
- 142518
≈ Deep Slate Green
トライアド +120° +240°
- 1E2310
Midnight Pines
- 11232F
≈ Fog of War
- 2E191F
≈ Black Cherry
スプリットコンプリメンタリー +150° +210°
- 1E2310
Midnight Pines
- 1A2031
≈ Hēi Sè Black
- 2A1A28
≈ Black Cherry
テトラード +90° +180° +270°
- 1E2310
Midnight Pines
- 09252A
≈ Sunken Ship
- 231D2E
≈ Black Howl
- 2F1A16
≈ Darkroom
コントラストとアクセシビリティ
Ag
AAA白の上
WCAG 16.11:1 · APCA Lc 103
Ag
Fail黒の上
WCAG 1.30:1 · APCA Lc 0
最適な文字色: #FFFFFF
WCAG 16.11:1 (AAA) · APCA Lc 103
Contrast pairs
コードスニペット
CSS
:root {
--midnight-pines: #1e2310;
--midnight-pines-rgb: 30 35 16;
--midnight-pines-oklch: oklch(0.245 0.034 121);
}
.element {
color: var(--midnight-pines);
background-color: hsl(76 37% 10%);
border-color: oklch(0.245 0.034 121);
}Tailwind CSS v4
@theme {
--color-midnight-pines: #1e2310;
--color-midnight-pines-50: #f3f7ec;
--color-midnight-pines-100: #e5eade;
--color-midnight-pines-200: #d1d7c7;
--color-midnight-pines-300: #b4bba8;
--color-midnight-pines-400: #9ba28c;
--color-midnight-pines-500: #828a71;
--color-midnight-pines-600: #6e7560;
--color-midnight-pines-700: #585d4c;
--color-midnight-pines-800: #414437;
--color-midnight-pines-900: #2d2f26;
--color-midnight-pines-950: #1a1c14;
}SCSS
$midnight-pines: #1e2310;
$midnight-pines-rgb: 30, 35, 16;
$midnight-pines-light: mix(#fff, $midnight-pines, 20%);
$midnight-pines-dark: mix(#000, $midnight-pines, 20%);
.element {
color: $midnight-pines;
box-shadow: 0 0 0 2px rgba($midnight-pines, 0.35);
}