ColorTool
ログイン
#071972

#071972 ≈ Midnight Blue

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

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

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

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

補色

  1. #071972
  2. #726007

分裂補色

  1. #071972
  2. #722b07
  3. #4f7207

類似色

  1. #074f72
  2. #071972
  3. #2b0772

トライアド

  1. #071972
  2. #720719
  3. #197207

テトラード

  1. #071972
  2. #600772
  3. #726007
  4. #197207

スクエア

  1. #071972
  2. #72074f
  3. #726007
  4. #07722b

モノクロマティック

  1. #010413
  2. #03092a
  3. #071972
  4. #0b29ba
  5. #2144f1

シェード

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

  1. #071972
  2. #061767
  3. #06145b
  4. #051250
  5. #040f44
  6. #040d39
  7. #030a2e
  8. #020822
  9. #010517
  10. #01030b
  11. #000000

ティント

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

  1. #071972
  2. #203080
  3. #39478e
  4. #515e9c
  5. #6a75aa
  6. #838cb9
  7. #9ca3c7
  8. #b5bad5
  9. #cdd1e3
  10. #e6e8f1
  11. #ffffff

トーン

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

  1. #071972
  2. #132373
  3. #1f2e75
  4. #2b3876
  5. #374278
  6. #444d79
  7. #50577a
  8. #5c617c
  9. #686b7d
  10. #74767f
  11. #808080

読みやすい文字 15.1:1 AA ✓ AA Large ✓ AAA ✓ AAA Large ✓
読みやすい文字 1.39:1 AA ✕ AA Large ✕ AAA ✕ AAA Large ✕

1色覚（全色盲） #262626 男性の約0.003%
不完全1色覚 #1d224f 男性の約0.001%
1型2色覚（P型） #002b75 男性の約1.01%
2型2色覚（D型） #002170 男性の約1.27%
3型2色覚（T型） #003344 男性の約0.0001%
1型3色覚（P型弱） #002574 男性の約1.08%
2型3色覚（D型弱） #001e71 男性の約4.63%
3型3色覚（T型弱） #002b5a 男性の約0.0002%
自分の画像でシミュレーション

この色の文字

この色の背景

この色の枠線

文字色
.text-071972 {
  color: #071972;
}
背景色
.bg-071972 {
  background-color: #071972;
  color: #ffffff;
}
枠線
.border-071972 {
  border: 2px solid #071972;
}
CSS変数
:root {
  --color-primary: #071972;
  --color-primary-rgb: 7 25 114;
  --color-primary-hsl: 230 88% 24%;
}
グラデーション
.gradient-071972 {
  background: linear-gradient(135deg, #071972, #2b0772);
}
色付きの影
.shadow-071972 {
  box-shadow: 0 8px 24px rgb(7 25 114 / 0.35);
}

#191970 Midnight Blue ΔE 1.44 #000f89 Phthalo Blue ΔE 4.42 #32127a Persian Indigo ΔE 5.44 #002395 Imperial Blue ΔE 5.46 #000080 Navy ΔE 5.54 #00008b Dark Blue ΔE 6.12 #0014a8 Zaffre ΔE 7.91 #f8e68d 反転色 #262626 グレースケール 

Midnight Blue
#071972  rgb(7, 25, 114)  hsl(230, 88%, 24%)  Midnight Blue
#726007  rgb(114, 96, 7)  hsl(50, 88%, 24%)  Field Drab
#720719  rgb(114, 7, 25)  hsl(350, 88%, 24%)  Burgundy
#197207  rgb(25, 114, 7)  hsl(110, 88%, 24%)  Pakistan Green