ColorTool
ログイン
#1A0032

#1a0032 ≈ Midnight Blue

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

#1a0032は紫系の色です（明度：とても低い、彩度：低め）。 RGBでは赤10.2%、緑0%、青19.61%で構成され、CMYK印刷ではシアン48%、マゼンタ100%、イエロー0%、ブラック80.39%を使います。 HSLでは色相角271.2°、彩度100%、明度9.8%です。 寒色で、想像力、神秘性、高級感を連想させることが多い色です。 デザインでは主に美容・コスメ、クリエイティブスタジオ、高級ブランドに使われます。 この色の上に白の文字を置くとコントラスト比は19.27:1（WCAG AAA）です。 最も近い色名はMidnight Blue（#191970）で、ΔEは12.36です。

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

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

補色

  1. #1a0032
  2. #183200

分裂補色

  1. #1a0032
  2. #313200
  3. #003201

類似色

  1. #010032
  2. #1a0032
  3. #320031

トライアド

  1. #1a0032
  2. #321a00
  3. #00321a

テトラード

  1. #1a0032
  2. #320018
  3. #183200
  4. #00321a

スクエア

  1. #1a0032
  2. #320100
  3. #183200
  4. #003132

モノクロマティック

  1. #0b0014
  2. #0b0014
  3. #1a0032
  4. #42007e
  5. #6a00cb

シェード

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

  1. #1a0032
  2. #17002d
  3. #150028
  4. #120023
  5. #10001e
  6. #0d0019
  7. #0a0014
  8. #08000f
  9. #05000a
  10. #030005
  11. #000000

ティント

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

  1. #1a0032
  2. #311a47
  3. #48335b
  4. #5f4d70
  5. #766684
  6. #8d8099
  7. #a399ad
  8. #bab3c2
  9. #d1ccd6
  10. #e8e6eb
  11. #ffffff

トーン

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

  1. #1a0032
  2. #240d3a
  3. #2e1a42
  4. #392649
  5. #433351
  6. #4d4059
  7. #574d61
  8. #615a69
  9. #6c6670
  10. #767378
  11. #808080

読みやすい文字 19.27:1 AA ✓ AA Large ✓ AAA ✓ AAA Large ✓
読みやすい文字 1.09:1 AA ✕ AA Large ✕ AAA ✕ AAA Large ✕

1色覚（全色盲） #0e0e0e 男性の約0.003%
不完全1色覚 #140921 男性の約0.001%
1型2色覚（P型） #000e33 男性の約1.01%
2型2色覚（D型） #000e31 男性の約1.27%
3型2色覚（T型） #150d19 男性の約0.0001%
1型3色覚（P型弱） #040933 男性の約1.08%
2型3色覚（D型弱） #070931 男性の約4.63%
3型3色覚（T型弱） #170825 男性の約0.0002%
自分の画像でシミュレーション

この色の文字

この色の背景

この色の枠線

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

#191970 Midnight Blue ΔE 12.36 #32127a Persian Indigo ΔE 13.41 #002147 Oxford Blue ΔE 13.78 #000080 Navy ΔE 14.56 #4b0082 Indigo ΔE 15.44 #000f89 Phthalo Blue ΔE 15.71 #00008b Dark Blue ΔE 15.89 #e5ffcd 反転色 #0e0e0e グレースケール 

Midnight Blue
#1a0032  rgb(26, 0, 50)  hsl(271, 100%, 10%)  Midnight Blue
#183200  rgb(24, 50, 0)  hsl(91, 100%, 10%)  British Racing Green
#321a00  rgb(50, 26, 0)  hsl(31, 100%, 10%)  Bistre
#00321a  rgb(0, 50, 26)  hsl(151, 100%, 10%)  Phthalo Green