ColorTool
ログイン
#864342

#864342 ≈ Cordovan

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

#864342は赤系の色です（明度：低い、彩度：中程度）。 RGBでは赤52.55%、緑26.27%、青25.88%で構成され、CMYK印刷ではシアン0%、マゼンタ50%、イエロー50.75%、ブラック47.45%を使います。 HSLでは色相角0.88°、彩度34%、明度39.22%です。 暖色で、エネルギー、情熱、緊急性を連想させることが多い色です。 デザインでは主に食品ブランドやレストラン、セールやキャンペーン、ブランドのアクセントに使われます。 この色の上に白の文字を置くとコントラスト比は7.25:1（WCAG AAA）です。 最も近い色名はCordovan（#893f45）で、ΔEは2.64です。

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

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

補色

  1. #864342
  2. #428586

分裂補色

  1. #864342
  2. #428665
  3. #426386

類似色

  1. #864263
  2. #864342
  3. #866542

トライアド

  1. #864342
  2. #428643
  3. #434286

テトラード

  1. #864342
  2. #858642
  3. #428586
  4. #434286

スクエア

  1. #864342
  2. #638642
  3. #428586
  4. #654286

モノクロマティック

  1. #201010
  2. #532929
  3. #864342
  4. #b26463
  5. #cb9796

シェード

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

  1. #864342
  2. #793c3b
  3. #6b3635
  4. #5e2f2e
  5. #502828
  6. #432221
  7. #361b1a
  8. #281414
  9. #1b0d0d
  10. #0d0707
  11. #000000

ティント

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

  1. #864342
  2. #925655
  3. #9e6968
  4. #aa7b7b
  5. #b68e8e
  6. #c3a1a1
  7. #cfb4b3
  8. #dbc7c6
  9. #e7d9d9
  10. #f3ecec
  11. #ffffff

トーン

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

  1. #864342
  2. #854948
  3. #854f4e
  4. #845555
  5. #845b5b
  6. #836261
  7. #826867
  8. #826e6d
  9. #817474
  10. #817a7a
  11. #808080

読みやすい文字 7.25:1 AA ✓ AA Large ✓ AAA ✓ AAA Large ✓
読みやすい文字 2.9:1 AA ✕ AA Large ✕ AAA ✕ AAA Large ✕

1色覚（全色盲） #575757 男性の約0.003%
不完全1色覚 #6d504f 男性の約0.001%
1型2色覚（P型） #524e42 男性の約1.01%
2型2色覚（D型） #635c41 男性の約1.27%
3型2色覚（T型） #913943 男性の約0.0001%
1型3色覚（P型弱） #6b4a42 男性の約1.08%
2型3色覚（D型弱） #725341 男性の約4.63%
3型3色覚（T型弱） #8d3d43 男性の約0.0002%
自分の画像でシミュレーション

この色の文字

この色の背景

この色の枠線

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

#893f45 Cordovan ΔE 2.64 #7c4848 Tuscan Red ΔE 3.50 #954535 Chestnut ΔE 6.90 #722f37 Wine ΔE 6.95 #8a3324 Burnt Umber ΔE 8.11 #9f1d35 Vivid Burgundy ΔE 8.72 #a45a52 Redwood ΔE 9.25 #79bcbd 反転色 #575757 グレースケール 

Cordovan
#864342  rgb(134, 67, 66)  hsl(1, 34%, 39%)  Cordovan
#428586  rgb(66, 133, 134)  hsl(181, 34%, 39%)  Dark Cyan
#428643  rgb(66, 134, 67)  hsl(121, 34%, 39%)  Sea Green
#434286  rgb(67, 66, 134)  hsl(241, 34%, 39%)  Dark Slate Blue