ColorTool
ログイン
#613E43

#613e43 ≈ Eggplant

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

#613e43は赤系の色です（明度：低い、彩度：低め）。 RGBでは赤38.04%、緑24.31%、青26.27%で構成され、CMYK印刷ではシアン0%、マゼンタ36.08%、イエロー30.93%、ブラック61.96%を使います。 HSLでは色相角351.43°、彩度22.01%、明度31.18%です。 暖色で、エネルギー、情熱、緊急性を連想させることが多い色です。 デザインでは主に食品ブランドやレストラン、セールやキャンペーン、企業のブランディングに使われます。 この色の上に白の文字を置くとコントラスト比は9.22:1（WCAG AAA）です。 最も近い色名はEggplant（#614051）で、ΔEは5.32です。

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

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

補色

  1. #613e43
  2. #3e615c

分裂補色

  1. #613e43
  2. #3e614b
  3. #3e5561

類似色

  1. #613e55
  2. #613e43
  3. #614b3e

トライアド

  1. #613e43
  2. #43613e
  3. #3e4361

テトラード

  1. #613e43
  2. #615c3e
  3. #3e615c
  4. #3e4361

スクエア

  1. #613e43
  2. #55613e
  3. #3e615c
  4. #4b3e61

モノクロマティック

  1. #0c0809
  2. #322023
  3. #613e43
  4. #905c63
  5. #b2868c

シェード

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

  1. #613e43
  2. #57383c
  3. #4e3236
  4. #442b2f
  5. #3a2528
  6. #311f22
  7. #27191b
  8. #1d1314
  9. #130c0d
  10. #0a0607
  11. #000000

ティント

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

  1. #613e43
  2. #715156
  3. #816569
  4. #90787b
  5. #a08b8e
  6. #b09fa1
  7. #c0b2b4
  8. #d0c5c7
  9. #dfd8d9
  10. #efecec
  11. #ffffff

トーン

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

  1. #613e43
  2. #644549
  3. #674b4f
  4. #6a5255
  5. #6d585b
  6. #715f62
  7. #746668
  8. #776c6e
  9. #7a7374
  10. #7d797a
  11. #808080

読みやすい文字 9.22:1 AA ✓ AA Large ✓ AAA ✓ AAA Large ✓
読みやすい文字 2.28:1 AA ✕ AA Large ✕ AAA ✕ AAA Large ✕

1色覚（全色盲） #484848 男性の約0.003%
不完全1色覚 #534446 男性の約0.001%
1型2色覚（P型） #444443 男性の約1.01%
2型2色覚（D型） #4c4a42 男性の約1.27%
3型2色覚（T型） #673b40 男性の約0.0001%
1型3色覚（P型弱） #514143 男性の約1.08%
2型3色覚（D型弱） #554643 男性の約4.63%
3型3色覚（T型弱） #653c41 男性の約0.0002%
自分の画像でシミュレーション

この色の文字

この色の背景

この色の枠線

文字色
.text-613e43 {
  color: #613e43;
}
背景色
.bg-613e43 {
  background-color: #613e43;
  color: #ffffff;
}
枠線
.border-613e43 {
  border: 2px solid #613e43;
}
CSS変数
:root {
  --color-primary: #613e43;
  --color-primary-rgb: 97 62 67;
  --color-primary-hsl: 351 22% 31%;
}
グラデーション
.gradient-613e43 {
  background: linear-gradient(135deg, #613e43, #614b3e);
}
色付きの影
.shadow-613e43 {
  box-shadow: 0 8px 24px rgb(97 62 67 / 0.35);
}

#614051 Eggplant ΔE 5.32 #674c47 Liver ΔE 6.88 #7c4848 Tuscan Red ΔE 7.28 #722f37 Wine ΔE 8.08 #592720 Caput Mortuum ΔE 10.11 #645452 Wenge ΔE 10.13 #893f45 Cordovan ΔE 10.27 #9ec1bc 反転色 #484848 グレースケール 

Eggplant
#613e43  rgb(97, 62, 67)  hsl(351, 22%, 31%)  Eggplant
#3e615c  rgb(62, 97, 92)  hsl(171, 22%, 31%)  Feldgrau
#43613e  rgb(67, 97, 62)  hsl(111, 22%, 31%)  Hunter Green
#3e4361  rgb(62, 67, 97)  hsl(231, 22%, 31%)  Dark Slate Blue