ColorTool
ログイン
#463741

#463741 ≈ Eggplant

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

#463741はローズ系の色です（明度：低い、彩度：低め）。 RGBでは赤27.45%、緑21.57%、青25.49%で構成され、CMYK印刷ではシアン0%、マゼンタ21.43%、イエロー7.14%、ブラック72.55%を使います。 HSLでは色相角320°、彩度12%、明度24.51%です。 暖色と寒色の中間で、ロマンス、遊び心、愛情を連想させることが多い色です。 デザインでは主に食品ブランドやレストラン、セールやキャンペーン、企業のブランディングに使われます。 この色の上に白の文字を置くとコントラスト比は11.15:1（WCAG AAA）です。 最も近い色名はEggplant（#614051）で、ΔEは8.27です。

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

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

補色

  1. #463741
  2. #37463c

分裂補色

  1. #463741
  2. #3a4637
  3. #374644

類似色

  1. #443746
  2. #463741
  3. #46373a

トライアド

  1. #463741
  2. #414637
  3. #374146

テトラード

  1. #463741
  2. #463c37
  3. #37463c
  4. #374146

スクエア

  1. #463741
  2. #464437
  3. #37463c
  4. #373a46

モノクロマティック

  1. #0b090b
  2. #1b1519
  3. #463741
  4. #715969
  5. #997d90

シェード

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

  1. #463741
  2. #3f323b
  3. #382c34
  4. #31272e
  5. #2a2127
  6. #231c21
  7. #1c161a
  8. #151114
  9. #0e0b0d
  10. #070607
  11. #000000

ティント

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

  1. #463741
  2. #594b54
  3. #6b5f67
  4. #7e737a
  5. #90878d
  6. #a39ba0
  7. #b5afb3
  8. #c8c3c6
  9. #dad7d9
  10. #edebec
  11. #ffffff

トーン

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

  1. #463741
  2. #4c3e47
  3. #52464e
  4. #574d54
  5. #5d545a
  6. #635c61
  7. #696367
  8. #6f6a6d
  9. #747173
  10. #7a797a
  11. #808080

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

1色覚（全色盲） #3b3b3b 男性の約0.003%
不完全1色覚 #403a3e 男性の約0.001%
1型2色覚（P型） #373a41 男性の約1.01%
2型2色覚（D型） #3b3c41 男性の約1.27%
3型2色覚（T型） #48373a 男性の約0.0001%
1型3色覚（P型弱） #3e3941 男性の約1.08%
2型3色覚（D型弱） #403a41 男性の約4.63%
3型3色覚（T型弱） #47373d 男性の約0.0002%
自分の画像でシミュレーション

この色の文字

この色の背景

この色の枠線

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

#614051 Eggplant ΔE 8.27 #343434 Jet ΔE 10.62 #645452 Wenge ΔE 11.54 #674c47 Liver ΔE 11.64 #483c32 Taupe ΔE 12.03 #353839 Onyx ΔE 12.21 #3d2b1f Bistre ΔE 13.07 #b9c8be 反転色 #3b3b3b グレースケール 

Eggplant
#463741  rgb(70, 55, 65)  hsl(320, 12%, 25%)  Eggplant
#37463c  rgb(55, 70, 60)  hsl(140, 12%, 25%)  Rifle Green
#414637  rgb(65, 70, 55)  hsl(80, 12%, 25%)  Rifle Green
#374146  rgb(55, 65, 70)  hsl(200, 12%, 25%)  Charcoal