ColorTool
ログイン
#2366BF

#2366bf ≈ Denim

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

#2366bfは空色系の色です（明度：中程度、彩度：高め）。 RGBでは赤13.73%、緑40%、青74.9%で構成され、CMYK印刷ではシアン81.68%、マゼンタ46.6%、イエロー0%、ブラック25.1%を使います。 HSLでは色相角214.23°、彩度69.03%、明度44.31%です。 寒色で、開放感、自由、穏やかさを連想させることが多い色です。 デザインでは主にテクノロジー製品、金融・銀行、ブランドのアクセントに使われます。 この色の上に白の文字を置くとコントラスト比は5.64:1（WCAG AA）です。 最も近い色名はDenim（#1560bd）で、ΔEは2.07です。

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

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

補色

  1. #2366bf
  2. #bf7c23

分裂補色

  1. #2366bf
  2. #bf2e23
  3. #b4bf23

類似色

  1. #23b4bf
  2. #2366bf
  3. #2e23bf

トライアド

  1. #2366bf
  2. #bf2366
  3. #66bf23

テトラード

  1. #2366bf
  2. #7c23bf
  3. #bf7c23
  4. #66bf23

スクエア

  1. #2366bf
  2. #bf23b4
  3. #bf7c23
  4. #23bf2e

モノクロマティック

  1. #0b213e
  2. #17437e
  3. #2366bf
  4. #508ddf
  5. #90b7eb

シェード

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

  1. #2366bf
  2. #205cac
  3. #1c5299
  4. #194786
  5. #153d73
  6. #123360
  7. #0e294c
  8. #0b1f39
  9. #071426
  10. #040a13
  11. #000000

ティント

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

  1. #2366bf
  2. #3975c5
  3. #4f85cc
  4. #6594d2
  5. #7ba3d9
  6. #91b3df
  7. #a7c2e5
  8. #bdd1ec
  9. #d3e0f2
  10. #e9f0f9
  11. #ffffff

トーン

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

  1. #2366bf
  2. #2c69b9
  3. #366bb2
  4. #3f6eac
  5. #4870a6
  6. #5273a0
  7. #5b7699
  8. #647893
  9. #6d7b8d
  10. #777d86
  11. #808080

読みやすい文字 5.64:1 AA ✓ AA Large ✓ AAA ✕ AAA Large ✓
読みやすい文字 3.72:1 AA ✕ AA Large ✓ AAA ✕ AAA Large ✕

1色覚（全色盲） #676767 男性の約0.003%
不完全1色覚 #546793 男性の約0.001%
1型2色覚（P型） #356fc2 男性の約1.01%
2型2色覚（D型） #0661bd 男性の約1.27%
3型2色覚（T型） #007b89 男性の約0.0001%
1型3色覚（P型弱） #2f6bc1 男性の約1.08%
2型3色覚（D型弱） #1663be 男性の約4.63%
3型3色覚（T型弱） #0073a1 男性の約0.0002%
自分の画像でシミュレーション

この色の文字

この色の背景

この色の枠線

文字色
.text-2366bf {
  color: #2366bf;
}
背景色
.bg-2366bf {
  background-color: #2366bf;
  color: #ffffff;
}
枠線
.border-2366bf {
  border: 2px solid #2366bf;
}
CSS変数
:root {
  --color-primary: #2366bf;
  --color-primary-rgb: 35 102 191;
  --color-primary-hsl: 214 69% 44%;
}
グラデーション
.gradient-2366bf {
  background: linear-gradient(135deg, #2366bf, #2e23bf);
}
色付きの影
.shadow-2366bf {
  box-shadow: 0 8px 24px rgb(35 102 191 / 0.35);
}

#1560bd Denim ΔE 2.07 #26619c Lapis Lazuli ΔE 4.38 #436b95 Queen Blue ΔE 4.97 #0073cf True Blue ΔE 5.39 #0067a5 Medium Persian Blue ΔE 5.46 #0072bb French Blue ΔE 6.00 #4169e1 Royal Blue ΔE 6.41 #dc9940 反転色 #676767 グレースケール 

Denim
#2366bf  rgb(35, 102, 191)  hsl(214, 69%, 44%)  Denim
#bf7c23  rgb(191, 124, 35)  hsl(34, 69%, 44%)  Bronze
#bf2366  rgb(191, 35, 102)  hsl(334, 69%, 44%)  Dogwood Rose
#66bf23  rgb(102, 191, 35)  hsl(94, 69%, 44%)  Kelly Green