最も近い色名 · #101729
#101729
最も近い色名: Sombre Night
#101729（rgb(16 23 41)、hsl(223 44% 11%)、oklch(0.208 0.037 267)）に最も近い色名はSombre Nightです。ティント、シェード、ハーモニー、WCAG/APCAコントラスト、CSS・Tailwind v4・SCSSコードを確認できます。
#101729
oklch(0.208 0.037 267)
カラー変換
- HEX
- #101729
- RGB
- rgb(16 23 41)
- HSL
- hsl(223 44% 11%)
- HWB
- hwb(223 6% 84%)
- OKLCH
- oklch(0.208 0.037 267)
- OKLab
- oklab(0.208 -0.002 -0.037)
- CIE Lab
- lab(7.8 1.61 -13.5)
- LCH
- lch(7.8 13.6 276.8)
- CMYK
- cmyk(61% 44% 0% 84%)
ティント · シェード · トーン
ティント
- 232A3C
- 383F4F
- 4D5463
- 646A78
- 7C818D
- 9599A3
- AEB2B9
- C9CBD0
- E4E5E7
シェード
- 0C1222
- 090E1C
- 060A15
- 04060F
- 020409
- 010205
- 000102
- 000001
- 000000
トーン
- 1A2031
- 242A3A
- 2E3442
- 393E4B
- 444953
- 50535C
- 5B5E65
- 67696E
- 747577
カラーハーモニー
補色 +180°
- 101729
Sombre Night
- 1F1603
≈ Noir Mystique
類似色 -30° +30°
- 101729
Sombre Night
- 051A27
≈ Creeping Death
- 1A1427
≈ Sambucus
トライアド +120° +240°
- 101729
Sombre Night
- 27110E
≈ Italian Roast
- 0B1C0D
≈ Pinch of Pepper
スプリットコンプリメンタリー +150° +210°
- 101729
Sombre Night
- 251306
≈ Severely Burnt Toast
- 171A05
≈ Pinch of Pepper
テトラード +90° +180° +270°
- 101729
Sombre Night
- 251018
≈ Italian Roast
- 1F1603
≈ Noir Mystique
- 011D17
≈ Stellar Explorer
コントラストとアクセシビリティ
Ag
AAA白の上
WCAG 17.84:1 · APCA Lc 105
Ag
Fail黒の上
WCAG 1.17:1 · APCA Lc 0
最適な文字色: #FFFFFF
WCAG 17.84:1 (AAA) · APCA Lc 105
Contrast pairs
コードスニペット
CSS
:root {
--sombre-night: #101729;
--sombre-night-rgb: 16 23 41;
--sombre-night-oklch: oklch(0.208 0.037 267);
}
.element {
color: var(--sombre-night);
background-color: hsl(223 44% 11%);
border-color: oklch(0.208 0.037 267);
}Tailwind CSS v4
@theme {
--color-sombre-night: #101729;
--color-sombre-night-50: #f1f5ff;
--color-sombre-night-100: #e3e8f5;
--color-sombre-night-200: #cdd4e5;
--color-sombre-night-300: #afb7cb;
--color-sombre-night-400: #949eb5;
--color-sombre-night-500: #7b86a0;
--color-sombre-night-600: #687187;
--color-sombre-night-700: #535b6c;
--color-sombre-night-800: #3c4250;
--color-sombre-night-900: #292e37;
--color-sombre-night-950: #171b22;
}SCSS
$sombre-night: #101729;
$sombre-night-rgb: 16, 23, 41;
$sombre-night-light: mix(#fff, $sombre-night, 20%);
$sombre-night-dark: mix(#000, $sombre-night, 20%);
.element {
color: $sombre-night;
box-shadow: 0 0 0 2px rgba($sombre-night, 0.35);
}