ColorTool
ログイン
#760643

#760643 ≈ Pansy Purple

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

#760643はローズ系の色です（明度：低い、彩度：中程度）。 RGBでは赤46.27%、緑2.35%、青26.27%で構成され、CMYK印刷ではシアン0%、マゼンタ94.92%、イエロー43.22%、ブラック53.73%を使います。 HSLでは色相角327.32°、彩度90.32%、明度24.31%です。 暖色と寒色の中間で、ロマンス、遊び心、愛情を連想させることが多い色です。 デザインでは主に食品ブランドやレストラン、セールやキャンペーン、高級ブランドに使われます。 この色の上に白の文字を置くとコントラスト比は11.19:1（WCAG AAA）です。 最も近い色名はPansy Purple（#78184a）で、ΔEは2.09です。

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

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

補色

  1. #760643
  2. #067639

分裂補色

  1. #760643
  2. #0b7606
  3. #067671

類似色

  1. #710676
  2. #760643
  3. #76060b

トライアド

  1. #760643
  2. #437606
  3. #064376

テトラード

  1. #760643
  2. #763906
  3. #067639
  4. #064376

スクエア

  1. #760643
  2. #767106
  3. #067639
  4. #060b76

モノクロマティック

  1. #13010b
  2. #2d021a
  3. #760643
  4. #bf0a6c
  5. #f42194

シェード

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

  1. #760643
  2. #6a053c
  3. #5e0536
  4. #53042f
  5. #470428
  6. #3b0322
  7. #2f021b
  8. #230214
  9. #18010d
  10. #0c0107
  11. #000000

ティント

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

  1. #760643
  2. #841f56
  3. #913869
  4. #9f517b
  5. #ad6a8e
  6. #bb83a1
  7. #c89bb4
  8. #d6b4c7
  9. #e4cdd9
  10. #f1e6ec
  11. #ffffff

トーン

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

  1. #760643
  2. #771249
  3. #781e4f
  4. #792b55
  5. #7a375b
  6. #7b4362
  7. #7c4f68
  8. #7d5b6e
  9. #7e6874
  10. #7f747a
  11. #808080

読みやすい文字 11.19:1 AA ✓ AA Large ✓ AAA ✓ AAA Large ✓
読みやすい文字 1.88:1 AA ✕ AA Large ✕ AAA ✕ AAA Large ✕

1色覚（全色盲） #3b3b3b 男性の約0.003%
不完全1色覚 #592e3e 男性の約0.001%
1型2色覚（P型） #242e44 男性の約1.01%
2型2色覚（D型） #434241 男性の約1.27%
3型2色覚（T型） #800026 男性の約0.0001%
1型3色覚（P型弱） #512444 男性の約1.08%
2型3色覚（D型弱） #5b3342 男性の約4.63%
3型3色覚（T型弱） #7c0034 男性の約0.0002%
自分の画像でシミュレーション

この色の文字

この色の背景

この色の枠線

文字色
.text-760643 {
  color: #760643;
}
背景色
.bg-760643 {
  background-color: #760643;
  color: #ffffff;
}
枠線
.border-760643 {
  border: 2px solid #760643;
}
CSS変数
:root {
  --color-primary: #760643;
  --color-primary-rgb: 118 6 67;
  --color-primary-hsl: 327 90% 24%;
}
グラデーション
.gradient-760643 {
  background: linear-gradient(135deg, #760643, #76060b);
}
色付きの影
.shadow-760643 {
  box-shadow: 0 8px 24px rgb(118 6 67 / 0.35);
}

#78184a Pansy Purple ΔE 2.09 #66023c Tyrian Purple ΔE 3.33 #7f1734 Claret ΔE 8.11 #873260 Boysenberry ΔE 8.11 #702963 Byzantium ΔE 9.04 #a50b5e Jazzberry Jam ΔE 9.49 #722f37 Wine ΔE 11.11 #89f9bc 反転色 #3b3b3b グレースケール 

Pansy Purple
#760643  rgb(118, 6, 67)  hsl(327, 90%, 24%)  Pansy Purple
#067639  rgb(6, 118, 57)  hsl(147, 90%, 24%)  Cadmium Green
#437606  rgb(67, 118, 6)  hsl(87, 90%, 24%)  Sap Green
#064376  rgb(6, 67, 118)  hsl(207, 90%, 24%)  Yale Blue