ColorTool
ログイン
#605571

#605571 ≈ Old Lavender

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

#605571は紫系の色です（明度：低い、彩度：低め）。 RGBでは赤37.65%、緑33.33%、青44.31%で構成され、CMYK印刷ではシアン15.04%、マゼンタ24.78%、イエロー0%、ブラック55.69%を使います。 HSLでは色相角263.57°、彩度14.14%、明度38.82%です。 寒色で、想像力、神秘性、高級感を連想させることが多い色です。 デザインでは主に美容・コスメ、クリエイティブスタジオ、ブランドのアクセントに使われます。 この色の上に白の文字を置くとコントラスト比は6.92:1（WCAG AA）です。 最も近い色名はOld Lavender（#796878）で、ΔEは8.96です。

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

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

補色

  1. #605571
  2. #667155

分裂補色

  1. #605571
  2. #716e55
  3. #587155

類似色

  1. #555871
  2. #605571
  3. #6e5571

トライアド

  1. #605571
  2. #716055
  3. #557160

テトラード

  1. #605571
  2. #715566
  3. #667155
  4. #557160

スクエア

  1. #605571
  2. #715558
  3. #667155
  4. #55716e

モノクロマティック

  1. #16131a
  2. #3b3445
  3. #605571
  4. #86799a
  5. #ada4bb

シェード

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

  1. #605571
  2. #564d66
  3. #4d445a
  4. #433c4f
  5. #3a3344
  6. #302b39
  7. #26222d
  8. #1d1a22
  9. #131117
  10. #0a090b
  11. #000000

ティント

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

  1. #605571
  2. #70667f
  3. #80778d
  4. #90889c
  5. #a099aa
  6. #b0aab8
  7. #bfbbc6
  8. #cfccd4
  9. #dfdde3
  10. #efeef1
  11. #ffffff

トーン

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

  1. #605571
  2. #635973
  3. #665e74
  4. #6a6276
  5. #6d6677
  6. #706b79
  7. #736f7a
  8. #76737c
  9. #7a777d
  10. #7d7c7f
  11. #808080

読みやすい文字 6.92:1 AA ✓ AA Large ✓ AAA ✕ AAA Large ✓
読みやすい文字 3.04:1 AA ✕ AA Large ✓ AAA ✕ AAA Large ✕

1色覚（全色盲） #5a5a5a 男性の約0.003%
不完全1色覚 #5c5864 男性の約0.001%
1型2色覚（P型） #505a72 男性の約1.01%
2型2色覚（D型） #525a70 男性の約1.27%
3型2色覚（T型） #5d595f 男性の約0.0001%
1型3色覚（P型弱） #575872 男性の約1.08%
2型3色覚（D型弱） #585870 男性の約4.63%
3型3色覚（T型弱） #5e5766 男性の約0.0002%
自分の画像でシミュレーション

この色の文字

この色の背景

この色の枠線

文字色
.text-605571 {
  color: #605571;
}
背景色
.bg-605571 {
  background-color: #605571;
  color: #ffffff;
}
枠線
.border-605571 {
  border: 2px solid #605571;
}
CSS変数
:root {
  --color-primary: #605571;
  --color-primary-rgb: 96 85 113;
  --color-primary-hsl: 264 14% 39%;
}
グラデーション
.gradient-605571 {
  background: linear-gradient(135deg, #605571, #6e5571);
}
色付きの影
.shadow-605571 {
  box-shadow: 0 8px 24px rgb(96 85 113 / 0.35);
}

#796878 Old Lavender ΔE 8.96 #614051 Eggplant ΔE 10.75 #645452 Wenge ΔE 13.33 #8a496b Twilight Lavender ΔE 14.05 #7851a9 Royal Purple ΔE 14.23 #8e4585 Deep Plum ΔE 14.30 #555555 Davy's Gray ΔE 14.50 #9faa8e 反転色 #5a5a5a グレースケール 

Old Lavender
#605571  rgb(96, 85, 113)  hsl(264, 14%, 39%)  Old Lavender
#667155  rgb(102, 113, 85)  hsl(84, 14%, 39%)  Dark Olive Green
#716055  rgb(113, 96, 85)  hsl(24, 14%, 39%)  Umber
#557160  rgb(85, 113, 96)  hsl(144, 14%, 39%)  Feldgrau