ColorTool
ログイン
#9377B4

#9377b4 ≈ Purple Mountain Majesty

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

#9377b4は紫系の色です（明度：中程度、彩度：低め）。 RGBでは赤57.65%、緑46.67%、青70.59%で構成され、CMYK印刷ではシアン18.33%、マゼンタ33.89%、イエロー0%、ブラック29.41%を使います。 HSLでは色相角267.54°、彩度28.91%、明度58.63%です。 寒色で、想像力、神秘性、高級感を連想させることが多い色です。 デザインでは主に美容・コスメ、クリエイティブスタジオ、ブランドのアクセントに使われます。 この色の上に黒の文字を置くとコントラスト比は5.54:1（WCAG AA）です。 最も近い色名はPurple Mountain Majesty（#9678b6）で、ΔEは0.73です。

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

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

補色

  1. #9377b4
  2. #98b477

分裂補色

  1. #9377b4
  2. #b4b277
  3. #7ab477

類似色

  1. #777ab4
  2. #9377b4
  3. #b277b4

トライアド

  1. #9377b4
  2. #b49377
  3. #77b493

テトラード

  1. #9377b4
  2. #b47798
  3. #98b477
  4. #77b493

スクエア

  1. #9377b4
  2. #b4777a
  3. #98b477
  4. #77b4b2

モノクロマティック

  1. #47345e
  2. #6d4f8f
  3. #9377b4
  4. #baa8cf
  5. #e1daea

シェード

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

  1. #9377b4
  2. #846ba2
  3. #765f90
  4. #67537e
  5. #58476c
  6. #4a3c5a
  7. #3b3048
  8. #2c2436
  9. #1d1824
  10. #0f0c12
  11. #000000

ティント

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

  1. #9377b4
  2. #9e85bc
  3. #a992c3
  4. #b3a0cb
  5. #beadd2
  6. #c9bbda
  7. #d4c9e1
  8. #dfd6e9
  9. #e9e4f0
  10. #f4f1f8
  11. #ffffff

トーン

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

  1. #9377b4
  2. #9178af
  3. #8f79aa
  4. #8d7aa4
  5. #8b7b9f
  6. #8a7c9a
  7. #887c95
  8. #867d90
  9. #847e8a
  10. #827f85
  11. #808080

読みやすい文字 3.79:1 AA ✕ AA Large ✓ AAA ✕ AAA Large ✕
読みやすい文字 5.54:1 AA ✓ AA Large ✓ AAA ✕ AAA Large ✓

1色覚（全色盲） #838383 男性の約0.003%
不完全1色覚 #8a7e99 男性の約0.001%
1型2色覚（P型） #6a82b6 男性の約1.01%
2型2色覚（D型） #7083b2 男性の約1.27%
3型2色覚（T型） #8e808d 男性の約0.0001%
1型3色覚（P型弱） #7d7eb5 男性の約1.08%
2型3色覚（D型弱） #7f7eb3 男性の約4.63%
3型3色覚（T型弱） #907d9e 男性の約0.0002%
自分の画像でシミュレーション

この色の文字

この色の背景

この色の枠線

文字色
.text-9377b4 {
  color: #9377b4;
}
背景色
.bg-9377b4 {
  background-color: #9377b4;
  color: #000000;
}
枠線
.border-9377b4 {
  border: 2px solid #9377b4;
}
CSS変数
:root {
  --color-primary: #9377b4;
  --color-primary-rgb: 147 119 180;
  --color-primary-hsl: 268 29% 59%;
}
グラデーション
.gradient-9377b4 {
  background: linear-gradient(135deg, #9377b4, #b277b4);
}
色付きの影
.shadow-9377b4 {
  box-shadow: 0 8px 24px rgb(147 119 180 / 0.35);
}

#9678b6 Purple Mountain Majesty ΔE 0.73 #9966cc Amethyst ΔE 7.82 #9370db Medium Purple ΔE 8.46 #b57edc Floral Lavender ΔE 8.86 #ba55d3 Medium Orchid ΔE 12.41 #9a4eae Purpureus ΔE 12.53 #997a8d Mountbatten Pink ΔE 12.59 #6c884b 反転色 #838383 グレースケール 

Purple Mountain Majesty
#9377b4  rgb(147, 119, 180)  hsl(268, 29%, 59%)  Purple Mountain Majesty
#98b477  rgb(152, 180, 119)  hsl(88, 29%, 59%)  Olivine
#b49377  rgb(180, 147, 119)  hsl(28, 29%, 59%)  Camel
#77b493  rgb(119, 180, 147)  hsl(148, 29%, 59%)  Dark Sea Green