ColorTool
ログイン
#21126E

#21126e ≈ Midnight Blue

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

#21126eは青系の色です（明度：低い、彩度：中程度）。 RGBでは赤12.94%、緑7.06%、青43.14%で構成され、CMYK印刷ではシアン70%、マゼンタ83.64%、イエロー0%、ブラック56.86%を使います。 HSLでは色相角249.78°、彩度71.88%、明度25.1%です。 寒色で、信頼、安定、集中を連想させることが多い色です。 デザインでは主にテクノロジー製品、金融・銀行、高級ブランドに使われます。 この色の上に白の文字を置くとコントラスト比は15.26:1（WCAG AAA）です。 最も近い色名はMidnight Blue（#191970）で、ΔEは2.19です。

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

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

補色

  1. #21126e
  2. #5f6e12

分裂補色

  1. #21126e
  2. #6e4f12
  3. #316e12

類似色

  1. #12316e
  2. #21126e
  3. #4f126e

トライアド

  1. #21126e
  2. #6e2112
  3. #126e21

テトラード

  1. #21126e
  2. #6e125f
  3. #5f6e12
  4. #126e21

スクエア

  1. #21126e
  2. #6e1231
  3. #5f6e12
  4. #126e4f

モノクロマティック

  1. #050312
  2. #0d072c
  3. #21126e
  4. #351db0
  5. #553adf

シェード

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

  1. #21126e
  2. #1e1063
  3. #1a0e58
  4. #170d4d
  5. #140b42
  6. #110937
  7. #0d072c
  8. #0a0521
  9. #070416
  10. #03020b
  11. #000000

ティント

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

  1. #21126e
  2. #372a7d
  3. #4d418b
  4. #64599a
  5. #7a71a8
  6. #9089b7
  7. #a6a0c5
  8. #bcb8d4
  9. #d3d0e2
  10. #e9e7f1
  11. #ffffff

トーン

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

  1. #21126e
  2. #2b1d70
  3. #342872
  4. #3e3373
  5. #473e75
  6. #514977
  7. #5a5479
  8. #645f7b
  9. #6d6a7c
  10. #77757e
  11. #808080

読みやすい文字 15.26:1 AA ✓ AA Large ✓ AAA ✓ AAA Large ✓
読みやすい文字 1.38:1 AA ✕ AA Large ✕ AAA ✕ AAA Large ✕

1色覚（全色盲） #252525 男性の約0.003%
不完全1色覚 #241f4d 男性の約0.001%
1型2色覚（P型） #002971 男性の約1.01%
2型2色覚（D型） #00226c 男性の約1.27%
3型2色覚（T型） #002e40 男性の約0.0001%
1型3色覚（P型弱） #002270 男性の約1.08%
2型3色覚（D型弱） #001c6d 男性の約4.63%
3型3色覚（T型弱） #022556 男性の約0.0002%
自分の画像でシミュレーション

この色の文字

この色の背景

この色の枠線

文字色
.text-21126e {
  color: #21126e;
}
背景色
.bg-21126e {
  background-color: #21126e;
  color: #ffffff;
}
枠線
.border-21126e {
  border: 2px solid #21126e;
}
CSS変数
:root {
  --color-primary: #21126e;
  --color-primary-rgb: 33 18 110;
  --color-primary-hsl: 250 72% 25%;
}
グラデーション
.gradient-21126e {
  background: linear-gradient(135deg, #21126e, #4f126e);
}
色付きの影
.shadow-21126e {
  box-shadow: 0 8px 24px rgb(33 18 110 / 0.35);
}

#191970 Midnight Blue ΔE 2.19 #32127a Persian Indigo ΔE 2.95 #000080 Navy ΔE 4.58 #000f89 Phthalo Blue ΔE 4.59 #00008b Dark Blue ΔE 5.44 #002395 Imperial Blue ΔE 7.18 #4b0082 Indigo ΔE 7.28 #deed91 反転色 #252525 グレースケール 

Midnight Blue
#21126e  rgb(33, 18, 110)  hsl(250, 72%, 25%)  Midnight Blue
#5f6e12  rgb(95, 110, 18)  hsl(70, 72%, 25%)  Dark Olive Green
#6e2112  rgb(110, 33, 18)  hsl(10, 72%, 25%)  Falu Red
#126e21  rgb(18, 110, 33)  hsl(130, 72%, 25%)  Pakistan Green