ColorTool
ログイン
#48009C

#48009c ≈ Indigo

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

#48009cは紫系の色です（明度：低い、彩度：高め）。 RGBでは赤28.24%、緑0%、青61.18%で構成され、CMYK印刷ではシアン53.85%、マゼンタ100%、イエロー0%、ブラック38.82%を使います。 HSLでは色相角267.69°、彩度100%、明度30.59%です。 寒色で、想像力、神秘性、高級感を連想させることが多い色です。 デザインでは主に美容・コスメ、クリエイティブスタジオ、企業のブランディングに使われます。 この色の上に白の文字を置くとコントラスト比は11.96:1（WCAG AAA）です。 最も近い色名はIndigo（#4b0082）で、ΔEは4.04です。

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

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

補色

  1. #48009c
  2. #549c00

分裂補色

  1. #48009c
  2. #9c9600
  3. #069c00

類似色

  1. #00069c
  2. #48009c
  3. #96009c

トライアド

  1. #48009c
  2. #9c4800
  3. #009c48

テトラード

  1. #48009c
  2. #9c0054
  3. #549c00
  4. #009c48

スクエア

  1. #48009c
  2. #9c0006
  3. #549c00
  4. #009c96

モノクロマティック

  1. #090014
  2. #250050
  3. #48009c
  4. #6b00e9
  5. #9336ff

シェード

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

  1. #48009c
  2. #41008c
  3. #3a007d
  4. #32006d
  5. #2b005e
  6. #24004e
  7. #1d003e
  8. #16002f
  9. #0e001f
  10. #070010
  11. #000000

ティント

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

  1. #48009c
  2. #5a1aa6
  3. #6d33b0
  4. #7f4dba
  5. #9166c4
  6. #a480ce
  7. #b699d7
  8. #c8b3e1
  9. #dacceb
  10. #ede6f5
  11. #ffffff

トーン

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

  1. #48009c
  2. #4e0d99
  3. #531a96
  4. #592694
  5. #5e3391
  6. #64408e
  7. #6a4d8b
  8. #6f5a88
  9. #756686
  10. #7a7383
  11. #808080

読みやすい文字 11.96:1 AA ✓ AA Large ✓ AAA ✓ AAA Large ✓
読みやすい文字 1.76:1 AA ✕ AA Large ✕ AAA ✕ AAA Large ✕

1色覚（全色盲） #373737 男性の約0.003%
不完全1色覚 #3e2a6e 男性の約0.001%
1型2色覚（P型） #0039a0 男性の約1.01%
2型2色覚（D型） #00349a 男性の約1.27%
3型2色覚（T型） #293b5a 男性の約0.0001%
1型3色覚（P型弱） #002b9e 男性の約1.08%
2型3色覚（D型弱） #00279b 男性の約4.63%
3型3色覚（T型弱） #382d7a 男性の約0.0002%
自分の画像でシミュレーション

この色の文字

この色の背景

この色の枠線

文字色
.text-48009c {
  color: #48009c;
}
背景色
.bg-48009c {
  background-color: #48009c;
  color: #ffffff;
}
枠線
.border-48009c {
  border: 2px solid #48009c;
}
CSS変数
:root {
  --color-primary: #48009c;
  --color-primary-rgb: 72 0 156;
  --color-primary-hsl: 268 100% 31%;
}
グラデーション
.gradient-48009c {
  background: linear-gradient(135deg, #48009c, #96009c);
}
色付きの影
.shadow-48009c {
  box-shadow: 0 8px 24px rgb(72 0 156 / 0.35);
}

#4b0082 Indigo ΔE 4.04 #32127a Persian Indigo ΔE 5.83 #0014a8 Zaffre ΔE 6.04 #00008b Dark Blue ΔE 6.84 #0000cd Medium Blue ΔE 7.11 #000f89 Phthalo Blue ΔE 7.18 #000080 Navy ΔE 7.81 #b7ff63 反転色 #373737 グレースケール 

Indigo
#48009c  rgb(72, 0, 156)  hsl(268, 100%, 31%)  Indigo
#549c00  rgb(84, 156, 0)  hsl(88, 100%, 31%)  Olive Drab
#9c4800  rgb(156, 72, 0)  hsl(28, 100%, 31%)  Saddle Brown
#009c48  rgb(0, 156, 72)  hsl(148, 100%, 31%)  Shamrock Green