ColorTool
ログイン
#804751

#804751 ≈ Tuscan Red

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

#804751は赤系の色です（明度：低い、彩度：低め）。 RGBでは赤50.2%、緑27.84%、青31.76%で構成され、CMYK印刷ではシアン0%、マゼンタ44.53%、イエロー36.72%、ブラック49.8%を使います。 HSLでは色相角349.47°、彩度28.64%、明度39.02%です。 暖色で、エネルギー、情熱、緊急性を連想させることが多い色です。 デザインでは主に食品ブランドやレストラン、セールやキャンペーン、ブランドのアクセントに使われます。 この色の上に白の文字を置くとコントラスト比は7.15:1（WCAG AAA）です。 最も近い色名はTuscan Red（#7c4848）で、ΔEは4.07です。

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

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

補色

  1. #804751
  2. #478076

分裂補色

  1. #804751
  2. #478059
  3. #476e80

類似色

  1. #80476e
  2. #804751
  3. #805947

トライアド

  1. #804751
  2. #518047
  3. #475180

テトラード

  1. #804751
  2. #807647
  3. #478076
  4. #475180

スクエア

  1. #804751
  2. #6e8047
  3. #478076
  4. #594780

モノクロマティック

  1. #1e1013
  2. #4f2c32
  3. #804751
  4. #ab6874
  5. #c799a1

シェード

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

  1. #804751
  2. #734049
  3. #663941
  4. #5a3239
  5. #4d2b31
  6. #402429
  7. #331c20
  8. #261518
  9. #1a0e10
  10. #0d0708
  11. #000000

ティント

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

  1. #804751
  2. #8d5962
  3. #996c74
  4. #a67e85
  5. #b39197
  6. #c0a3a8
  7. #ccb5b9
  8. #d9c8cb
  9. #e6dadc
  10. #f2edee
  11. #ffffff

トーン

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

  1. #804751
  2. #804d56
  3. #80525a
  4. #80585f
  5. #805e64
  6. #806469
  7. #80696d
  8. #806f72
  9. #807577
  10. #807a7b
  11. #808080

読みやすい文字 7.15:1 AA ✓ AA Large ✓ AAA ✓ AAA Large ✓
読みやすい文字 2.94:1 AA ✕ AA Large ✕ AAA ✕ AAA Large ✕

1色覚（全色盲） #585858 男性の約0.003%
不完全1色覚 #6a5255 男性の約0.001%
1型2色覚（P型） #515151 男性の約1.01%
2型2色覚（D型） #5f5c50 男性の約1.27%
3型2色覚（T型） #89424b 男性の約0.0001%
1型3色覚（P型弱） #674d51 男性の約1.08%
2型3色覚（D型弱） #6e5450 男性の約4.63%
3型3色覚（T型弱） #86444d 男性の約0.0002%
自分の画像でシミュレーション

この色の文字

この色の背景

この色の枠線

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

#7c4848 Tuscan Red ΔE 4.07 #893f45 Cordovan ΔE 4.76 #722f37 Wine ΔE 7.45 #8a496b Twilight Lavender ΔE 8.27 #915f6d Mauve Taupe ΔE 8.50 #614051 Eggplant ΔE 8.98 #873260 Boysenberry ΔE 10.21 #7fb8ae 反転色 #585858 グレースケール 

Tuscan Red
#804751  rgb(128, 71, 81)  hsl(349, 29%, 39%)  Tuscan Red
#478076  rgb(71, 128, 118)  hsl(169, 29%, 39%)  Myrtle Green
#518047  rgb(81, 128, 71)  hsl(109, 29%, 39%)  Fern Green
#475180  rgb(71, 81, 128)  hsl(229, 29%, 39%)  Dark Slate Blue