最も近い色名 · #0C0A04
#0C0A04
最も近い色名: Sinister
#0C0A04（rgb(12 10 4)、hsl(45 50% 3%)、oklch(0.145 0.016 95.2)）に最も近い色名はSinisterです。ティント、シェード、ハーモニー、WCAG/APCAコントラスト、CSS・Tailwind v4・SCSSコードを確認できます。
#0C0A04
oklch(0.145 0.016 95.2)
カラー変換
- HEX
- #0c0a04
- RGB
- rgb(12 10 4)
- HSL
- hsl(45 50% 3%)
- HWB
- hwb(45 2% 95%)
- OKLCH
- oklch(0.145 0.016 95.2)
- OKLab
- oklab(0.145 -0.001 0.015)
- CIE Lab
- lab(2.77 -0.05 2.49)
- LCH
- lch(2.77 2.49 91.1)
- CMYK
- cmyk(0% 17% 67% 95%)
ティント · シェード · トーン
ティント
- 1F1D16
- 34322B
- 4A4842
- 61605A
- 797873
- 93918D
- ADACA9
- C7C7C5
- E3E3E1
シェード
- 090703
- 060502
- 040301
- 030201
- 020101
- 010100
- 000000
- 000000
- 000000
トーン
- 16140D
- 201E18
- 2B2923
- 36352F
- 41403C
- 4D4C49
- 5A5956
- 666664
- 737372
カラーハーモニー
補色 +180°
- 0C0A04
Sinister
- 080A11
≈ Dark Rift
類似色 -30° +30°
- 0C0A04
Sinister
- 0F0904
≈ Blackout
- 090B05
≈ Badab Black Wash
トライアド +120° +240°
- 0C0A04
Sinister
- 040C0E
≈ Dark Side of the Moon
- 0E080D
≈ Chyornyi Black
スプリットコンプリメンタリー +150° +210°
- 0C0A04
Sinister
- 050B10
≈ Dark Rift
- 0C080F
≈ Narwhal Grey
テトラード +90° +180° +270°
コントラストとアクセシビリティ
Ag
AAA白の上
WCAG 19.79:1 · APCA Lc 106
Ag
Fail黒の上
WCAG 1.06:1 · APCA Lc 0
最適な文字色: #FFFFFF
WCAG 19.79:1 (AAA) · APCA Lc 106
Contrast pairs
コードスニペット
CSS
:root {
--sinister: #0c0a04;
--sinister-rgb: 12 10 4;
--sinister-oklch: oklch(0.145 0.016 95.2);
}
.element {
color: var(--sinister);
background-color: hsl(45 50% 3%);
border-color: oklch(0.145 0.016 95.2);
}Tailwind CSS v4
@theme {
--color-sinister: #0c0a04;
--color-sinister-50: #f6f5f0;
--color-sinister-100: #e9e8e2;
--color-sinister-200: #d6d4cd;
--color-sinister-300: #b9b8af;
--color-sinister-400: #a19e94;
--color-sinister-500: #89867b;
--color-sinister-600: #747268;
--color-sinister-700: #5d5b53;
--color-sinister-800: #44423c;
--color-sinister-900: #2f2e29;
--color-sinister-950: #1c1b17;
}SCSS
$sinister: #0c0a04;
$sinister-rgb: 12, 10, 4;
$sinister-light: mix(#fff, $sinister, 20%);
$sinister-dark: mix(#000, $sinister, 20%);
.element {
color: $sinister;
box-shadow: 0 0 0 2px rgba($sinister, 0.35);
}