最も近い色名 · #0A0F02
#0A0F02
最も近い色名: Memorial Black
#0A0F02（rgb(10 15 2)、hsl(83 76% 3%)、oklch(0.158 0.031 124.1)）に最も近い色名はMemorial Blackです。ティント、シェード、ハーモニー、WCAG/APCAコントラスト、CSS・Tailwind v4・SCSSコードを確認できます。
#0A0F02
oklch(0.158 0.031 124.1)
カラー変換
- HEX
- #0a0f02
- RGB
- rgb(10 15 2)
- HSL
- hsl(83 76% 3%)
- HWB
- hwb(83 1% 94%)
- OKLCH
- oklch(0.158 0.031 124.1)
- OKLab
- oklab(0.158 -0.018 0.026)
- CIE Lab
- lab(3.74 -2.98 4.67)
- LCH
- lch(3.74 5.54 122.6)
- CMYK
- cmyk(33% 0% 87% 94%)
ティント · シェード · トーン
ティント
- 1D2213
- 323729
- 484D40
- 5F6458
- 787C72
- 91958C
- ACAEA8
- C7C8C4
- E3E3E1
シェード
- 070B01
- 050801
- 030501
- 020300
- 010200
- 010100
- 000000
- 000000
- 000000
トーン
- 14190A
- 1E2315
- 292D21
- 34382E
- 40443B
- 4C4F48
- 595B55
- 666763
- 737371
カラーハーモニー
補色 +180°
- 0A0F02
Memorial Black
- 100918
≈ Tristesse
類似色 -30° +30°
- 0A0F02
Memorial Black
- 110C00
≈ Chinese Black
- 031107
≈ Jedi Night
トライアド +120° +240°
- 0A0F02
Memorial Black
- 020E19
≈ Dark Rift
- 18070B
≈ Noir Fiction
スプリットコンプリメンタリー +150° +210°
- 0A0F02
Memorial Black
- 090C1A
≈ Tristesse
- 150812
≈ Noir Fiction
テトラード +90° +180° +270°
- 0A0F02
Memorial Black
- 001014
≈ Black Glaze
- 100918
≈ Tristesse
- 180805
≈ Asphalt
コントラストとアクセシビリティ
Ag
AAA白の上
WCAG 19.40:1 · APCA Lc 106
Ag
Fail黒の上
WCAG 1.08:1 · APCA Lc 0
最適な文字色: #FFFFFF
WCAG 19.40:1 (AAA) · APCA Lc 106
Contrast pairs
コードスニペット
CSS
:root {
--memorial-black: #0a0f02;
--memorial-black-rgb: 10 15 2;
--memorial-black-oklch: oklch(0.158 0.031 124.1);
}
.element {
color: var(--memorial-black);
background-color: hsl(83 76% 3%);
border-color: oklch(0.158 0.031 124.1);
}Tailwind CSS v4
@theme {
--color-memorial-black: #0a0f02;
--color-memorial-black-50: #f3f7ed;
--color-memorial-black-100: #e5eadf;
--color-memorial-black-200: #d1d7c9;
--color-memorial-black-300: #b3bba9;
--color-memorial-black-400: #9aa28e;
--color-memorial-black-500: #828a73;
--color-memorial-black-600: #6e7562;
--color-memorial-black-700: #585d4e;
--color-memorial-black-800: #404438;
--color-memorial-black-900: #2c2f26;
--color-memorial-black-950: #191c15;
}SCSS
$memorial-black: #0a0f02;
$memorial-black-rgb: 10, 15, 2;
$memorial-black-light: mix(#fff, $memorial-black, 20%);
$memorial-black-dark: mix(#000, $memorial-black, 20%);
.element {
color: $memorial-black;
box-shadow: 0 0 0 2px rgba($memorial-black, 0.35);
}