ColorTool
ログイン
#323384

#323384 ≈ Dark Slate Blue

  • 青
  • 明度: 低い
  • 彩度: 中程度
  • 寒色
コントラストを確認 グラフで探索 ランダムな色

#323384は青系の色です（明度：低い、彩度：中程度）。 RGBでは赤19.61%、緑20%、青51.76%で構成され、CMYK印刷ではシアン62.12%、マゼンタ61.36%、イエロー0%、ブラック48.24%を使います。 HSLでは色相角239.27°、彩度45.05%、明度35.69%です。 寒色で、信頼、安定、集中を連想させることが多い色です。 デザインでは主にテクノロジー製品、金融・銀行、ブランドのアクセントに使われます。 この色の上に白の文字を置くとコントラスト比は10.81:1（WCAG AAA）です。 最も近い色名はDark Slate Blue（#483d8b）で、ΔEは4.34です。

この色の測定値から自動生成した説明です。

HEX
RGB
RGB（%）
CMY
CMYK
HSL
HSV / HSB
Webセーフ#333399
CIE-LAB
XYZ
xyY
CIE-LCH
CIE-LUV
Hunter-Lab
OKLab
2進数
10進数
相対輝度0.0471

補色

  1. #323384
  2. #848332

分裂補色

  1. #323384
  2. #845a32
  3. #5c8432

類似色

  1. #325c84
  2. #323384
  3. #5a3284

トライアド

  1. #323384
  2. #843233
  3. #338432

テトラード

  1. #323384
  2. #833284
  3. #848332
  4. #338432

スクエア

  1. #323384
  2. #84325c
  3. #848332
  4. #32845a

モノクロマティック

  1. #080815
  2. #1d1e4d
  3. #323384
  4. #494aba
  5. #8081cf

シェード

#323384に黒を段階的に混ぜた色です。

  1. #323384
  2. #2d2e77
  3. #28296a
  4. #23245c
  5. #1e1f4f
  6. #191a42
  7. #141435
  8. #0f0f28
  9. #0a0a1a
  10. #05050d
  11. #000000

ティント

#323384に白を段階的に混ぜた色です。

  1. #323384
  2. #474790
  3. #5b5c9d
  4. #7070a9
  5. #8485b5
  6. #9999c2
  7. #adadce
  8. #c2c2da
  9. #d6d6e6
  10. #ebebf3
  11. #ffffff

トーン

#323384にグレーを段階的に混ぜた色です。

  1. #323384
  2. #3a3b84
  3. #424283
  4. #494a83
  5. #515282
  6. #595a82
  7. #616182
  8. #696981
  9. #707181
  10. #787880
  11. #808080

読みやすい文字 10.81:1 AA ✓ AA Large ✓ AAA ✓ AAA Large ✓
読みやすい文字 1.94:1 AA ✕ AA Large ✕ AAA ✕ AAA Large ✕

1色覚（全色盲） #3d3d3d 男性の約0.003%
不完全1色覚 #393961 男性の約0.001%
1型2色覚（P型） #004187 男性の約1.01%
2型2色覚（D型） #003a82 男性の約1.27%
3型2色覚（T型） #004756 男性の約0.0001%
1型3色覚（P型弱） #163c86 男性の約1.08%
2型3色覚（D型弱） #103783 男性の約4.63%
3型3色覚（T型弱） #1a406b 男性の約0.0002%
自分の画像でシミュレーション

この色の文字

この色の背景

この色の枠線

文字色
.text-323384 {
  color: #323384;
}
背景色
.bg-323384 {
  background-color: #323384;
  color: #ffffff;
}
枠線
.border-323384 {
  border: 2px solid #323384;
}
CSS変数
:root {
  --color-primary: #323384;
  --color-primary-rgb: 50 51 132;
  --color-primary-hsl: 239 45% 36%;
}
グラデーション
.gradient-323384 {
  background: linear-gradient(135deg, #323384, #5a3284);
}
色付きの影
.shadow-323384 {
  box-shadow: 0 8px 24px rgb(50 51 132 / 0.35);
}

#483d8b Dark Slate Blue ΔE 4.34 #003399 Smalt ΔE 5.13 #1034a6 Egyptian Blue ΔE 5.81 #002395 Imperial Blue ΔE 6.18 #191970 Midnight Blue ΔE 7.43 #1c39bb Persian Blue ΔE 8.16 #32127a Persian Indigo ΔE 8.57 #cdcc7b 反転色 #3d3d3d グレースケール 

Dark Slate Blue
#323384  rgb(50, 51, 132)  hsl(239, 45%, 36%)  Dark Slate Blue
#848332  rgb(132, 131, 50)  hsl(59, 45%, 36%)  Olive
#843233  rgb(132, 50, 51)  hsl(359, 45%, 36%)  Cordovan
#338432  rgb(51, 132, 50)  hsl(119, 45%, 36%)  Forest Green