ColorTool
ログイン
#705570

#705570 ≈ Old Lavender

  • マゼンタ
  • 明度: 低い
  • 彩度: 低め
  • 中間色
コントラストを確認 グラフで探索 ランダムな色

#705570はマゼンタ系の色です（明度：低い、彩度：低め）。 RGBでは赤43.92%、緑33.33%、青43.92%で構成され、CMYK印刷ではシアン0%、マゼンタ24.11%、イエロー0%、ブラック56.08%を使います。 HSLでは色相角300°、彩度13.71%、明度38.63%です。 暖色と寒色の中間で、創造性、大胆さ、個性を連想させることが多い色です。 デザインでは主に美容・コスメ、クリエイティブスタジオ、ブランドのアクセントに使われます。 この色の上に白の文字を置くとコントラスト比は6.52:1（WCAG AA）です。 最も近い色名はOld Lavender（#796878）で、ΔEは7.87です。

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

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

補色

  1. #705570
  2. #557055

分裂補色

  1. #705570
  2. #637055
  3. #557063

類似色

  1. #635570
  2. #705570
  3. #705563

トライアド

  1. #705570
  2. #707055
  3. #557070

テトラード

  1. #705570
  2. #705555
  3. #557055
  4. #557070

スクエア

  1. #705570
  2. #706355
  3. #557055
  4. #556370

モノクロマティック

  1. #191319
  2. #453445
  3. #705570
  4. #997999
  5. #baa4ba

シェード

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

  1. #705570
  2. #654d65
  3. #5a445a
  4. #4e3c4e
  5. #433343
  6. #382b38
  7. #2d222d
  8. #221a22
  9. #161116
  10. #0b090b
  11. #000000

ティント

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

  1. #705570
  2. #7e667e
  3. #8d778d
  4. #9b889b
  5. #a999a9
  6. #b8aab8
  7. #c6bbc6
  8. #d4ccd4
  9. #e2dde2
  10. #f1eef1
  11. #ffffff

トーン

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

  1. #705570
  2. #725972
  3. #735e73
  4. #756275
  5. #766676
  6. #786b78
  7. #7a6f7a
  8. #7b737b
  9. #7d777d
  10. #7e7c7e
  11. #808080

読みやすい文字 6.52:1 AA ✓ AA Large ✓ AAA ✕ AAA Large ✓
読みやすい文字 3.22:1 AA ✕ AA Large ✓ AAA ✕ AAA Large ✕

1色覚（全色盲） #5e5e5e 男性の約0.003%
不完全1色覚 #655a65 男性の約0.001%
1型2色覚（P型） #535c71 男性の約1.01%
2型2色覚（D型） #595f6f 男性の約1.27%
3型2色覚（T型） #72575e 男性の約0.0001%
1型3色覚（P型弱） #605971 男性の約1.08%
2型3色覚（D型弱） #635b6f 男性の約4.63%
3型3色覚（T型弱） #715666 男性の約0.0002%
自分の画像でシミュレーション

この色の文字

この色の背景

この色の枠線

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

#796878 Old Lavender ΔE 7.87 #614051 Eggplant ΔE 8.31 #8a496b Twilight Lavender ΔE 8.89 #915f6d Mauve Taupe ΔE 10.42 #8e4585 Deep Plum ΔE 10.82 #873260 Boysenberry ΔE 12.61 #645452 Wenge ΔE 13.19 #8faa8f 反転色 #5e5e5e グレースケール 

Old Lavender
#705570  rgb(112, 85, 112)  hsl(300, 14%, 39%)  Old Lavender
#557055  rgb(85, 112, 85)  hsl(120, 14%, 39%)  Fern Green
#707055  rgb(112, 112, 85)  hsl(60, 14%, 39%)  Dark Olive Green
#557070  rgb(85, 112, 112)  hsl(180, 14%, 39%)  Feldgrau