ColorTool
ログイン
#192563

#192563 ≈ Midnight Blue

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

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

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

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

補色

  1. #192563
  2. #635719

分裂補色

  1. #192563
  2. #633219
  3. #4a6319

類似色

  1. #194a63
  2. #192563
  3. #321963

トライアド

  1. #192563
  2. #631925
  3. #256319

テトラード

  1. #192563
  2. #571963
  3. #635719
  4. #256319

スクエア

  1. #192563
  2. #63194a
  3. #635719
  4. #196332

モノクロマティック

  1. #040610
  2. #0a0e26
  3. #192563
  4. #283ca0
  5. #455cd0

シェード

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

  1. #192563
  2. #172159
  3. #141e4f
  4. #121a45
  5. #0f163b
  6. #0d1332
  7. #0a0f28
  8. #080b1e
  9. #050714
  10. #03040a
  11. #000000

ティント

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

  1. #192563
  2. #303b73
  3. #475182
  4. #5e6692
  5. #757ca1
  6. #8c92b1
  7. #a3a8c1
  8. #babed0
  9. #d1d3e0
  10. #e8e9ef
  11. #ffffff

トーン

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

  1. #192563
  2. #232e66
  3. #2e3769
  4. #38406c
  5. #42496f
  6. #4d5372
  7. #575c74
  8. #616577
  9. #6b6e7a
  10. #76777d
  11. #808080

読みやすい文字 14.13:1 AA ✓ AA Large ✓ AAA ✓ AAA Large ✓
読みやすい文字 1.49:1 AA ✕ AA Large ✕ AAA ✕ AAA Large ✕

1色覚（全色盲） #2b2b2b 男性の約0.003%
不完全1色覚 #252948 男性の約0.001%
1型2色覚（P型） #002f65 男性の約1.01%
2型2色覚（D型） #002862 男性の約1.27%
3型2色覚（T型） #003440 男性の約0.0001%
1型3色覚（P型弱） #042b64 男性の約1.08%
2型3色覚（D型弱） #002762 男性の約4.63%
3型3色覚（T型弱） #002f50 男性の約0.0002%
自分の画像でシミュレーション

この色の文字

この色の背景

この色の枠線

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

#191970 Midnight Blue ΔE 5.33 #002147 Oxford Blue ΔE 6.27 #002395 Imperial Blue ΔE 8.35 #003153 Prussian Blue ΔE 8.71 #003399 Smalt ΔE 8.84 #32127a Persian Indigo ΔE 8.97 #000f89 Phthalo Blue ΔE 9.38 #e6da9c 反転色 #2b2b2b グレースケール 

Midnight Blue
#192563  rgb(25, 37, 99)  hsl(230, 60%, 24%)  Midnight Blue
#635719  rgb(99, 87, 25)  hsl(50, 60%, 24%)  Field Drab
#631925  rgb(99, 25, 37)  hsl(350, 60%, 24%)  Wine
#256319  rgb(37, 99, 25)  hsl(110, 60%, 24%)  Dark Green