ColorTool
ログイン
#293164

#293164 ≈ Oxford Blue

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

#293164は青系の色です（明度：低い、彩度：低め）。 RGBでは赤16.08%、緑19.22%、青39.22%で構成され、CMYK印刷ではシアン59%、マゼンタ51%、イエロー0%、ブラック60.78%を使います。 HSLでは色相角231.86°、彩度41.84%、明度27.65%です。 寒色で、信頼、安定、集中を連想させることが多い色です。 デザインでは主にテクノロジー製品、金融・銀行、高級ブランドに使われます。 この色の上に白の文字を置くとコントラスト比は12.23:1（WCAG AAA）です。 最も近い色名はOxford Blue（#002147）で、ΔEは7.56です。

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

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

補色

  1. #293164
  2. #645c29

分裂補色

  1. #293164
  2. #643f29
  3. #4f6429

類似色

  1. #294f64
  2. #293164
  3. #3f2964

トライアド

  1. #293164
  2. #642931
  3. #316429

テトラード

  1. #293164
  2. #5c2964
  3. #645c29
  4. #316429

スクエア

  1. #293164
  2. #64294f
  3. #645c29
  4. #29643f

モノクロマティック

  1. #06070e
  2. #13162e
  3. #293164
  4. #3f4c9a
  5. #6672c0

シェード

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

  1. #293164
  2. #252c5a
  3. #212750
  4. #1d2246
  5. #191d3c
  6. #151932
  7. #101428
  8. #0c0f1e
  9. #080a14
  10. #04050a
  11. #000000

ティント

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

  1. #293164
  2. #3e4674
  3. #545a83
  4. #696f93
  5. #7f83a2
  6. #9498b2
  7. #a9adc1
  8. #bfc1d1
  9. #d4d6e0
  10. #eaeaf0
  11. #ffffff

トーン

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

  1. #293164
  2. #323967
  3. #3a416a
  4. #43496c
  5. #4c516f
  6. #555972
  7. #5d6075
  8. #666878
  9. #6f707a
  10. #77787d
  11. #808080

読みやすい文字 12.23:1 AA ✓ AA Large ✓ AAA ✓ AAA Large ✓
読みやすい文字 1.72:1 AA ✕ AA Large ✕ AAA ✕ AAA Large ✕

1色覚（全色盲） #353535 男性の約0.003%
不完全1色覚 #31344c 男性の約0.001%
1型2色覚（P型） #193866 男性の約1.01%
2型2色覚（D型） #113363 男性の約1.27%
3型2色覚（T型） #093c45 男性の約0.0001%
1型3色覚（P型弱） #203565 男性の約1.08%
2型3色覚（D型弱） #1d3263 男性の約4.63%
3型3色覚（T型弱） #1a3853 男性の約0.0002%
自分の画像でシミュレーション

この色の文字

この色の背景

この色の枠線

文字色
.text-293164 {
  color: #293164;
}
背景色
.bg-293164 {
  background-color: #293164;
  color: #ffffff;
}
枠線
.border-293164 {
  border: 2px solid #293164;
}
CSS変数
:root {
  --color-primary: #293164;
  --color-primary-rgb: 41 49 100;
  --color-primary-hsl: 232 42% 28%;
}
グラデーション
.gradient-293164 {
  background: linear-gradient(135deg, #293164, #3f2964);
}
色付きの影
.shadow-293164 {
  box-shadow: 0 8px 24px rgb(41 49 100 / 0.35);
}

#002147 Oxford Blue ΔE 7.56 #483d8b Dark Slate Blue ΔE 8.38 #003153 Prussian Blue ΔE 8.65 #191970 Midnight Blue ΔE 8.76 #003399 Smalt ΔE 9.29 #002395 Imperial Blue ΔE 10.36 #1034a6 Egyptian Blue ΔE 10.81 #d6ce9b 反転色 #353535 グレースケール 

Oxford Blue
#293164  rgb(41, 49, 100)  hsl(232, 42%, 28%)  Oxford Blue
#645c29  rgb(100, 92, 41)  hsl(52, 42%, 28%)  Field Drab
#642931  rgb(100, 41, 49)  hsl(352, 42%, 28%)  Wine
#316429  rgb(49, 100, 41)  hsl(112, 42%, 28%)  Lincoln Green