ColorTool
ログイン
#544966

#544966 ≈ Eggplant

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

#544966は紫系の色です（明度：低い、彩度：低め）。 RGBでは赤32.94%、緑28.63%、青40%で構成され、CMYK印刷ではシアン17.65%、マゼンタ28.43%、イエロー0%、ブラック60%を使います。 HSLでは色相角262.76°、彩度16.57%、明度34.31%です。 寒色で、想像力、神秘性、高級感を連想させることが多い色です。 デザインでは主に美容・コスメ、クリエイティブスタジオ、企業のブランディングに使われます。 この色の上に白の文字を置くとコントラスト比は8.33:1（WCAG AAA）です。 最も近い色名はEggplant（#614051）で、ΔEは9.47です。

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

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

補色

  1. #544966
  2. #5b6649

分裂補色

  1. #544966
  2. #666249
  3. #4c6649

類似色

  1. #494c66
  2. #544966
  3. #624966

トライアド

  1. #544966
  2. #665449
  3. #496654

テトラード

  1. #544966
  2. #66495b
  3. #5b6649
  4. #496654

スクエア

  1. #544966
  2. #66494c
  3. #5b6649
  4. #496662

モノクロマティック

  1. #0b090d
  2. #2f2939
  3. #544966
  4. #796993
  5. #a095b3

シェード

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

  1. #544966
  2. #4c425c
  3. #433a52
  4. #3b3347
  5. #322c3d
  6. #2a2533
  7. #221d29
  8. #19161f
  9. #110f14
  10. #08070a
  11. #000000

ティント

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

  1. #544966
  2. #655b75
  3. #766d85
  4. #878094
  5. #9892a3
  6. #aaa4b3
  7. #bbb6c2
  8. #ccc8d1
  9. #dddbe0
  10. #eeedf0
  11. #ffffff

トーン

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

  1. #544966
  2. #584f69
  3. #5d546b
  4. #615a6e
  5. #665f70
  6. #6a6573
  7. #6e6a76
  8. #737078
  9. #77757b
  10. #7c7b7d
  11. #808080

読みやすい文字 8.33:1 AA ✓ AA Large ✓ AAA ✓ AAA Large ✓
読みやすい文字 2.52:1 AA ✕ AA Large ✕ AAA ✕ AAA Large ✕

1色覚（全色盲） #4e4e4e 男性の約0.003%
不完全1色覚 #504c59 男性の約0.001%
1型2色覚（P型） #434e67 男性の約1.01%
2型2色覚（D型） #454e65 男性の約1.27%
3型2色覚（T型） #514d53 男性の約0.0001%
1型3色覚（P型弱） #4a4c67 男性の約1.08%
2型3色覚（D型弱） #4b4c65 男性の約4.63%
3型3色覚（T型弱） #524c5b 男性の約0.0002%
自分の画像でシミュレーション

この色の文字

この色の背景

この色の枠線

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

#614051 Eggplant ΔE 9.47 #796878 Old Lavender ΔE 12.73 #483d8b Dark Slate Blue ΔE 12.81 #6c3082 Eminence ΔE 13.76 #702963 Byzantium ΔE 14.16 #645452 Wenge ΔE 14.22 #8a496b Twilight Lavender ΔE 15.02 #abb699 反転色 #4e4e4e グレースケール 

Eggplant
#544966  rgb(84, 73, 102)  hsl(263, 17%, 34%)  Eggplant
#5b6649  rgb(91, 102, 73)  hsl(83, 17%, 34%)  Dark Olive Green
#665449  rgb(102, 84, 73)  hsl(23, 17%, 34%)  Umber
#496654  rgb(73, 102, 84)  hsl(143, 17%, 34%)  Feldgrau