ColorTool
ログイン
#505490

#505490 ≈ Dark Slate Blue

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

#505490は青系の色です（明度：中程度、彩度：中程度）。 RGBでは赤31.37%、緑32.94%、青56.47%で構成され、CMYK印刷ではシアン44.44%、マゼンタ41.67%、イエロー0%、ブラック43.53%を使います。 HSLでは色相角236.25°、彩度28.57%、明度43.92%です。 寒色で、信頼、安定、集中を連想させることが多い色です。 デザインでは主にテクノロジー製品、金融・銀行、ブランドのアクセントに使われます。 この色の上に白の文字を置くとコントラスト比は6.97:1（WCAG AA）です。 最も近い色名はDark Slate Blue（#483d8b）で、ΔEは7.55です。

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

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

補色

  1. #505490
  2. #908c50

分裂補色

  1. #505490
  2. #906c50
  3. #749050

類似色

  1. #507490
  2. #505490
  3. #6c5090

トライアド

  1. #505490
  2. #905054
  3. #549050

テトラード

  1. #505490
  2. #8c5090
  3. #908c50
  4. #549050

スクエア

  1. #505490
  2. #905074
  3. #908c50
  4. #50906c

モノクロマティック

  1. #191b2e
  2. #35375f
  3. #505490
  4. #787cb4
  5. #a9accf

シェード

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

  1. #505490
  2. #484c82
  3. #404373
  4. #383b65
  5. #303256
  6. #282a48
  7. #20223a
  8. #18192b
  9. #10111d
  10. #08080e
  11. #000000

ティント

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

  1. #505490
  2. #62659b
  3. #7376a6
  4. #8587b1
  5. #9698bc
  6. #a8aac8
  7. #b9bbd3
  8. #cbccde
  9. #dcdde9
  10. #eeeef4
  11. #ffffff

トーン

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

  1. #505490
  2. #55588e
  3. #5a5d8d
  4. #5e618b
  5. #63668a
  6. #686a88
  7. #6d6e86
  8. #727385
  9. #767783
  10. #7b7c82
  11. #808080

読みやすい文字 6.97:1 AA ✓ AA Large ✓ AAA ✕ AAA Large ✓
読みやすい文字 3.01:1 AA ✕ AA Large ✓ AAA ✕ AAA Large ✕

1色覚（全色盲） #595959 男性の約0.003%
不完全1色覚 #565773 男性の約0.001%
1型2色覚（P型） #3e5c92 男性の約1.01%
2型2色覚（D型） #3a578f 男性の約1.27%
3型2色覚（T型） #3b606b 男性の約0.0001%
1型3色覚（P型弱） #465991 男性の約1.08%
2型3色覚（D型弱） #44568f 男性の約4.63%
3型3色覚（T型弱） #445c7b 男性の約0.0002%
自分の画像でシミュレーション

この色の文字

この色の背景

この色の枠線

文字色
.text-505490 {
  color: #505490;
}
背景色
.bg-505490 {
  background-color: #505490;
  color: #ffffff;
}
枠線
.border-505490 {
  border: 2px solid #505490;
}
CSS変数
:root {
  --color-primary: #505490;
  --color-primary-rgb: 80 84 144;
  --color-primary-hsl: 236 29% 44%;
}
グラデーション
.gradient-505490 {
  background: linear-gradient(135deg, #505490, #6c5090);
}
色付きの影
.shadow-505490 {
  box-shadow: 0 8px 24px rgb(80 84 144 / 0.35);
}

#483d8b Dark Slate Blue ΔE 7.55 #4f42b5 Ocean Blue ΔE 9.19 #0f4d92 Yale Blue ΔE 10.02 #0f52ba Sapphire ΔE 10.05 #0047ab Cobalt Blue ΔE 10.07 #7851a9 Royal Purple ΔE 10.12 #5a4fcf Iris ΔE 10.52 #afab6f 反転色 #595959 グレースケール 

Dark Slate Blue
#505490  rgb(80, 84, 144)  hsl(236, 29%, 44%)  Dark Slate Blue
#908c50  rgb(144, 140, 80)  hsl(56, 29%, 44%)  Moss Green
#905054  rgb(144, 80, 84)  hsl(356, 29%, 44%)  Cordovan
#549050  rgb(84, 144, 80)  hsl(116, 29%, 44%)  Sea Green