ColorTool
ログイン
#01239E

#01239e ≈ Imperial Blue

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

#01239eは青系の色です（明度：低い、彩度：高め）。 RGBでは赤0.39%、緑13.73%、青61.96%で構成され、CMYK印刷ではシアン99.37%、マゼンタ77.85%、イエロー0%、ブラック38.04%を使います。 HSLでは色相角227.01°、彩度98.74%、明度31.18%です。 寒色で、信頼、安定、集中を連想させることが多い色です。 デザインでは主にテクノロジー製品、金融・銀行、企業のブランディングに使われます。 この色の上に白の文字を置くとコントラスト比は12.1:1（WCAG AAA）です。 最も近い色名はImperial Blue（#002395）で、ΔEは1.31です。

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

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

補色

  1. #01239e
  2. #9e7c01

分裂補色

  1. #01239e
  2. #9e2e01
  3. #729e01

類似色

  1. #01729e
  2. #01239e
  3. #2e019e

トライアド

  1. #01239e
  2. #9e0123
  3. #239e01

テトラード

  1. #01239e
  2. #7c019e
  3. #9e7c01
  4. #239e01

スクエア

  1. #01239e
  2. #9e0172
  3. #9e7c01
  4. #019e2e

モノクロマティック

  1. #000414
  2. #011252
  3. #01239e
  4. #0134ea
  5. #3a65fe

シェード

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

  1. #01239e
  2. #01208e
  3. #011c7e
  4. #01196f
  5. #01155f
  6. #01124f
  7. #000e3f
  8. #000b2f
  9. #000720
  10. #000410
  11. #000000

ティント

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

  1. #01239e
  2. #1a39a8
  3. #344fb1
  4. #4d65bb
  5. #677bc5
  6. #8091cf
  7. #99a7d8
  8. #b3bde2
  9. #ccd3ec
  10. #e6e9f5
  11. #ffffff

トーン

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

  1. #01239e
  2. #0e2c9b
  3. #1a3698
  4. #273f95
  5. #344892
  6. #41528f
  7. #4d5b8c
  8. #5a6489
  9. #676d86
  10. #737783
  11. #808080

読みやすい文字 12.1:1 AA ✓ AA Large ✓ AAA ✓ AAA Large ✓
読みやすい文字 1.74:1 AA ✕ AA Large ✕ AAA ✕ AAA Large ✕

1色覚（全色盲） #363636 男性の約0.003%
不完全1色覚 #292f6f 男性の約0.001%
1型2色覚（P型） #003da2 男性の約1.01%
2型2色覚（D型） #002e9c 男性の約1.27%
3型2色覚（T型） #00495f 男性の約0.0001%
1型3色覚（P型弱） #0035a0 男性の約1.08%
2型3色覚（D型弱） #002a9d 男性の約4.63%
3型3色覚（T型弱） #003d7d 男性の約0.0002%
自分の画像でシミュレーション

この色の文字

この色の背景

この色の枠線

文字色
.text-01239e {
  color: #01239e;
}
背景色
.bg-01239e {
  background-color: #01239e;
  color: #ffffff;
}
枠線
.border-01239e {
  border: 2px solid #01239e;
}
CSS変数
:root {
  --color-primary: #01239e;
  --color-primary-rgb: 1 35 158;
  --color-primary-hsl: 227 99% 31%;
}
グラデーション
.gradient-01239e {
  background: linear-gradient(135deg, #01239e, #2e019e);
}
色付きの影
.shadow-01239e {
  box-shadow: 0 8px 24px rgb(1 35 158 / 0.35);
}

#002395 Imperial Blue ΔE 1.31 #0014a8 Zaffre ΔE 3.32 #1034a6 Egyptian Blue ΔE 4.61 #003399 Smalt ΔE 4.92 #000f89 Phthalo Blue ΔE 5.04 #00008b Dark Blue ΔE 6.71 #1c39bb Persian Blue ΔE 6.84 #fedc61 反転色 #363636 グレースケール 

Imperial Blue
#01239e  rgb(1, 35, 158)  hsl(227, 99%, 31%)  Imperial Blue
#9e7c01  rgb(158, 124, 1)  hsl(47, 99%, 31%)  Dark Goldenrod
#9e0123  rgb(158, 1, 35)  hsl(347, 99%, 31%)  Carmine
#239e01  rgb(35, 158, 1)  hsl(107, 99%, 31%)  Islamic Green