ColorTool
ログイン
#412341

#412341 ≈ Eggplant

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

#412341はマゼンタ系の色です（明度：とても低い、彩度：低め）。 RGBでは赤25.49%、緑13.73%、青25.49%で構成され、CMYK印刷ではシアン0%、マゼンタ46.15%、イエロー0%、ブラック74.51%を使います。 HSLでは色相角300°、彩度30%、明度19.61%です。 暖色と寒色の中間で、創造性、大胆さ、個性を連想させることが多い色です。 デザインでは主に美容・コスメ、クリエイティブスタジオ、企業のブランディングに使われます。 この色の上に白の文字を置くとコントラスト比は13.62:1（WCAG AAA）です。 最も近い色名はEggplant（#614051）で、ΔEは10.62です。

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

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

補色

  1. #412341
  2. #234123

分裂補色

  1. #412341
  2. #324123
  3. #234132

類似色

  1. #322341
  2. #412341
  3. #412332

トライアド

  1. #412341
  2. #414123
  3. #234141

テトラード

  1. #412341
  2. #412323
  3. #234123
  4. #234141

スクエア

  1. #412341
  2. #413223
  3. #234123
  4. #233241

モノクロマティック

  1. #0d070d
  2. #0f080f
  3. #412341
  4. #733e73
  5. #a459a4

シェード

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

  1. #412341
  2. #3b203b
  3. #341c34
  4. #2e192e
  5. #271527
  6. #211221
  7. #1a0e1a
  8. #140b14
  9. #0d070d
  10. #070407
  11. #000000

ティント

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

  1. #412341
  2. #543954
  3. #674f67
  4. #7a657a
  5. #8d7b8d
  6. #a091a0
  7. #b3a7b3
  8. #c6bdc6
  9. #d9d3d9
  10. #ece9ec
  11. #ffffff

トーン

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

  1. #412341
  2. #472c47
  3. #4e364e
  4. #543f54
  5. #5a485a
  6. #615261
  7. #675b67
  8. #6d646d
  9. #736d73
  10. #7a777a
  11. #808080

読みやすい文字 13.62:1 AA ✓ AA Large ✓ AAA ✓ AAA Large ✓
読みやすい文字 1.54:1 AA ✕ AA Large ✕ AAA ✕ AAA Large ✕

1色覚（全色盲） #2e2e2e 男性の約0.003%
不完全1色覚 #362a36 男性の約0.001%
1型2色覚（P型） #212b42 男性の約1.01%
2型2色覚（D型） #292f40 男性の約1.27%
3型2色覚（T型） #43262f 男性の約0.0001%
1型3色覚（P型弱） #302842 男性の約1.08%
2型3色覚（D型弱） #342b40 男性の約4.63%
3型3色覚（T型弱） #422537 男性の約0.0002%
自分の画像でシミュレーション

この色の文字

この色の背景

この色の枠線

文字色
.text-412341 {
  color: #412341;
}
背景色
.bg-412341 {
  background-color: #412341;
  color: #ffffff;
}
枠線
.border-412341 {
  border: 2px solid #412341;
}
CSS変数
:root {
  --color-primary: #412341;
  --color-primary-rgb: 65 35 65;
  --color-primary-hsl: 300 30% 20%;
}
グラデーション
.gradient-412341 {
  background: linear-gradient(135deg, #412341, #412332);
}
色付きの影
.shadow-412341 {
  box-shadow: 0 8px 24px rgb(65 35 65 / 0.35);
}

#614051 Eggplant ΔE 10.62 #702963 Byzantium ΔE 11.16 #66023c Tyrian Purple ΔE 11.78 #78184a Pansy Purple ΔE 13.36 #6c3082 Eminence ΔE 14.67 #873260 Boysenberry ΔE 15.59 #32127a Persian Indigo ΔE 16.56 #bedcbe 反転色 #2e2e2e グレースケール 

Eggplant
#412341  rgb(65, 35, 65)  hsl(300, 30%, 20%)  Eggplant
#234123  rgb(35, 65, 35)  hsl(120, 30%, 20%)  British Racing Green
#414123  rgb(65, 65, 35)  hsl(60, 30%, 20%)  Rifle Green
#234141  rgb(35, 65, 65)  hsl(180, 30%, 20%)  Dark Slate Gray