色名 · #413F44
Bluish Black
Bluish Blackは#413F44：rgb(65 63 68)、hsl(264 4% 26%)、oklch(0.371 0.009 304)。ティント、シェード、ハーモニー、WCAG/APCAコントラスト、CSS・Tailwind v4・SCSSコードを確認できます。
What does Gray mean? → · Bluish Black color name →
#413F44
oklch(0.371 0.009 304)
カラー変換
- HEX
- #413f44
- RGB
- rgb(65 63 68)
- HSL
- hsl(264 4% 26%)
- HWB
- hwb(264 25% 73%)
- OKLCH
- oklch(0.371 0.009 304)
- OKLab
- oklab(0.371 0.005 -0.007)
- CIE Lab
- lab(26.99 1.73 -2.75)
- LCH
- lch(26.99 3.24 302.1)
- CMYK
- cmyk(4% 7% 0% 73%)
ティント · シェード · トーン
ティント
- 525055
- 636166
- 757477
- 88868A
- 9A999C
- AEADAF
- C2C1C3
- D6D5D6
- EAEAEB
シェード
- 37353A
- 2E2C30
- 252326
- 1C1B1D
- 131214
- 0B0A0C
- 050405
- 010102
- 000000
トーン
- 47454A
- 4D4B4F
- 535255
- 59585B
- 605F61
- 666567
- 6C6C6D
- 737274
- 79797A
カラーハーモニー
補色 +180°
- 413F44
Bluish Black
- 3F413C
≈ November Storms
類似色 -30° +30°
- 413F44
Bluish Black
- 3E4045
≈ Bluish Black
- 433E42
≈ Bluish Black
トライアド +120° +240°
- 413F44
Bluish Black
- 443F3B
≈ November Storms
- 3B4241
≈ Cannon Barrel
スプリットコンプリメンタリー +150° +210°
- 413F44
Bluish Black
- 42403B
≈ November Storms
- 3D423E
≈ Cannon Barrel
テトラード +90° +180° +270°
- 413F44
Bluish Black
- 453F3D
≈ Wild Truffle
- 3F413C
≈ November Storms
- 3B4143
≈ Cannon Barrel
コントラストとアクセシビリティ
Ag
AAA白の上
WCAG 10.39:1 · APCA Lc 94
Ag
Fail黒の上
WCAG 2.01:1 · APCA Lc 8
最適な文字色: #FFFFFF
WCAG 10.39:1 (AAA) · APCA Lc 94
Contrast pairs
コードスニペット
CSS
:root {
--bluish-black: #413f44;
--bluish-black-rgb: 65 63 68;
--bluish-black-oklch: oklch(0.371 0.009 304);
}
.element {
color: var(--bluish-black);
background-color: hsl(264 4% 26%);
border-color: oklch(0.371 0.009 304);
}Tailwind CSS v4
@theme {
--color-bluish-black: #413f44;
--color-bluish-black-50: #f6f4f7;
--color-bluish-black-100: #e8e7ea;
--color-bluish-black-200: #d5d3d7;
--color-bluish-black-300: #b8b6bb;
--color-bluish-black-400: #9f9da3;
--color-bluish-black-500: #87858b;
--color-bluish-black-600: #727076;
--color-bluish-black-700: #5c5a5e;
--color-bluish-black-800: #434245;
--color-bluish-black-900: #2e2d30;
--color-bluish-black-950: #1b1a1c;
}SCSS
$bluish-black: #413f44;
$bluish-black-rgb: 65, 63, 68;
$bluish-black-light: mix(#fff, $bluish-black, 20%);
$bluish-black-dark: mix(#000, $bluish-black, 20%);
.element {
color: $bluish-black;
box-shadow: 0 0 0 2px rgba($bluish-black, 0.35);
}