最も近い色名 · #2A0625
#2A0625
最も近い色名: Black Sabbath
#2A0625（rgb(42 6 37)、hsl(308 75% 9%)、oklch(0.206 0.074 334)）に最も近い色名はBlack Sabbathです。ティント、シェード、ハーモニー、WCAG/APCAコントラスト、CSS・Tailwind v4・SCSSコードを確認できます。
#2A0625
oklch(0.206 0.074 334)
カラー変換
- HEX
- #2a0625
- RGB
- rgb(42 6 37)
- HSL
- hsl(308 75% 9%)
- HWB
- hwb(308 2% 84%)
- OKLCH
- oklch(0.206 0.074 334)
- OKLab
- oklab(0.206 0.067 -0.033)
- CIE Lab
- lab(6.85 21.87 -11.65)
- LCH
- lch(6.85 24.78 332)
- CMYK
- cmyk(0% 86% 12% 84%)
ティント · シェード · トーン
ティント
- 3E1C38
- 51324B
- 664960
- 7A6175
- 90798A
- A592A1
- BBADB8
- D1C7CF
- E8E3E7
シェード
- 23041F
- 1C0319
- 160213
- 10010D
- 0A0108
- 050004
- 020002
- 010000
- 000000
トーン
- 33122D
- 3B1E36
- 44293F
- 4D3548
- 554151
- 5E4D5A
- 665A63
- 6F666D
- 777376
カラーハーモニー
補色 +180°
- 2A0625
Black Sabbath
- 001E0C
≈ Clock Chimes Thirteen
類似色 -30° +30°
- 2A0625
Black Sabbath
- 1F0B32
≈ Midnight Monarch
- 300313
≈ Ilvaite Black
トライアド +120° +240°
- 2A0625
Black Sabbath
- 1E1700
≈ Noir Mystique
- 001B21
≈ Creeping Death
スプリットコンプリメンタリー +150° +210°
- 2A0625
Black Sabbath
- 131B00
≈ Pinch of Pepper
- 001D19
≈ Stellar Explorer
テトラード +90° +180° +270°
- 2A0625
Black Sabbath
- 261200
≈ Super Black
- 001E0C
≈ Clock Chimes Thirteen
- 00192D
≈ Oxford by Night
コントラストとアクセシビリティ
Ag
AAA白の上
WCAG 18.24:1 · APCA Lc 104
Ag
Fail黒の上
WCAG 1.15:1 · APCA Lc 0
最適な文字色: #FFFFFF
WCAG 18.24:1 (AAA) · APCA Lc 104
Contrast pairs
コードスニペット
CSS
:root {
--black-sabbath: #2a0625;
--black-sabbath-rgb: 42 6 37;
--black-sabbath-oklch: oklch(0.206 0.074 334);
}
.element {
color: var(--black-sabbath);
background-color: hsl(308 75% 9%);
border-color: oklch(0.206 0.074 334);
}Tailwind CSS v4
@theme {
--color-black-sabbath: #2a0625;
--color-black-sabbath-50: #ffeefd;
--color-black-sabbath-100: #f9dff1;
--color-black-sabbath-200: #eac9e0;
--color-black-sabbath-300: #d1a9c6;
--color-black-sabbath-400: #ba8eb1;
--color-black-sabbath-500: #a5739b;
--color-black-sabbath-600: #8b6283;
--color-black-sabbath-700: #704e69;
--color-black-sabbath-800: #52394e;
--color-black-sabbath-900: #392736;
--color-black-sabbath-950: #231521;
}SCSS
$black-sabbath: #2a0625;
$black-sabbath-rgb: 42, 6, 37;
$black-sabbath-light: mix(#fff, $black-sabbath, 20%);
$black-sabbath-dark: mix(#000, $black-sabbath, 20%);
.element {
color: $black-sabbath;
box-shadow: 0 0 0 2px rgba($black-sabbath, 0.35);
}