ColorTool
ログイン
#712274

#712274 ≈ Purple

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

#712274はマゼンタ系の色です（明度：低い、彩度：中程度）。 RGBでは赤44.31%、緑13.33%、青45.49%で構成され、CMYK印刷ではシアン2.59%、マゼンタ70.69%、イエロー0%、ブラック54.51%を使います。 HSLでは色相角297.8°、彩度54.67%、明度29.41%です。 暖色と寒色の中間で、創造性、大胆さ、個性を連想させることが多い色です。 デザインでは主に美容・コスメ、クリエイティブスタジオ、高級ブランドに使われます。 この色の上に白の文字を置くとコントラスト比は9.62:1（WCAG AAA）です。 最も近い色名はPurple（#800080）で、ΔEは4.06です。

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

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

補色

  1. #712274
  2. #257422

分裂補色

  1. #712274
  2. #4e7422
  3. #227448

類似色

  1. #482274
  2. #712274
  3. #74224e

トライアド

  1. #712274
  2. #747122
  3. #227471

テトラード

  1. #712274
  2. #742225
  3. #257422
  4. #227471

スクエア

  1. #712274
  2. #744822
  3. #257422
  4. #224e74

モノクロマティック

  1. #0f0510
  2. #371139
  3. #712274
  4. #ab33af
  5. #cc5fd0

シェード

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

  1. #712274
  2. #661f68
  3. #5a1b5d
  4. #4f1851
  5. #441446
  6. #39113a
  7. #2d0e2e
  8. #220a23
  9. #170717
  10. #0b030c
  11. #000000

ティント

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

  1. #712274
  2. #7f3882
  3. #8d4e90
  4. #9c649e
  5. #aa7aac
  6. #b891ba
  7. #c6a7c7
  8. #d4bdd5
  9. #e3d3e3
  10. #f1e9f1
  11. #ffffff

トーン

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

  1. #712274
  2. #732b75
  3. #743576
  4. #763e78
  5. #774879
  6. #79517a
  7. #7a5a7b
  8. #7c647c
  9. #7d6d7e
  10. #7f777f
  11. #808080

読みやすい文字 9.62:1 AA ✓ AA Large ✓ AAA ✓ AAA Large ✓
読みやすい文字 2.18:1 AA ✕ AA Large ✕ AAA ✕ AAA Large ✕

1色覚（全色盲） #454545 男性の約0.003%
不完全1色覚 #5a3a5b 男性の約0.001%
1型2色覚（P型） #123e76 男性の約1.01%
2型2色覚（D型） #344872 男性の約1.27%
3型2色覚（T型） #742e48 男性の約0.0001%
1型3色覚（P型弱） #4b3575 男性の約1.08%
2型3色覚（D型弱） #533c73 男性の約4.63%
3型3色覚（T型弱） #732a5d 男性の約0.0002%
自分の画像でシミュレーション

この色の文字

この色の背景

この色の枠線

文字色
.text-712274 {
  color: #712274;
}
背景色
.bg-712274 {
  background-color: #712274;
  color: #ffffff;
}
枠線
.border-712274 {
  border: 2px solid #712274;
}
CSS変数
:root {
  --color-primary: #712274;
  --color-primary-rgb: 113 34 116;
  --color-primary-hsl: 298 55% 29%;
}
グラデーション
.gradient-712274 {
  background: linear-gradient(135deg, #712274, #74224e);
}
色付きの影
.shadow-712274 {
  box-shadow: 0 8px 24px rgb(113 34 116 / 0.35);
}

#800080 Purple ΔE 4.06 #6c3082 Eminence ΔE 4.17 #702963 Byzantium ΔE 4.76 #880085 Mardi Gras ΔE 4.96 #8b008b Dark Magenta ΔE 5.68 #663399 Rebecca Purple ΔE 8.81 #69359c Purple Heart ΔE 9.08 #8edd8b 反転色 #454545 グレースケール 

Purple
#712274  rgb(113, 34, 116)  hsl(298, 55%, 29%)  Purple
#257422  rgb(37, 116, 34)  hsl(118, 55%, 29%)  Pakistan Green
#747122  rgb(116, 113, 34)  hsl(58, 55%, 29%)  Olive
#227471  rgb(34, 116, 113)  hsl(178, 55%, 29%)  Myrtle Green