ColorTool
ログイン
#1A0083

#1a0083 ≈ Navy

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

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

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

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

補色

  1. #1a0083
  2. #698300

分裂補色

  1. #1a0083
  2. #835c00
  3. #288300

類似色

  1. #002883
  2. #1a0083
  3. #5c0083

トライアド

  1. #1a0083
  2. #831a00
  3. #00831a

テトラード

  1. #1a0083
  2. #830069
  3. #698300
  4. #00831a

スクエア

  1. #1a0083
  2. #830028
  3. #698300
  4. #00835c

モノクロマティック

  1. #040014
  2. #0b0037
  3. #1a0083
  4. #2900d0
  5. #4a1dff

シェード

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

  1. #1a0083
  2. #170076
  3. #150069
  4. #12005c
  5. #10004f
  6. #0d0042
  7. #0a0034
  8. #080027
  9. #05001a
  10. #03000d
  11. #000000

ティント

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

  1. #1a0083
  2. #311a8f
  3. #48339c
  4. #5f4da8
  5. #7666b5
  6. #8d80c1
  7. #a399cd
  8. #bab3da
  9. #d1cce6
  10. #e8e6f3
  11. #ffffff

トーン

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

  1. #1a0083
  2. #240d83
  3. #2e1a82
  4. #392682
  5. #433382
  6. #4d4082
  7. #574d81
  8. #615a81
  9. #6c6681
  10. #767380
  11. #808080

読みやすい文字 15.31:1 AA ✓ AA Large ✓ AAA ✓ AAA Large ✓
読みやすい文字 1.37:1 AA ✕ AA Large ✕ AAA ✕ AAA Large ✕

1色覚（全色盲） #252525 男性の約0.003%
不完全1色覚 #211b5a 男性の約0.001%
1型2色覚（P型） #002b86 男性の約1.01%
2型2色覚（D型） #001f81 男性の約1.27%
3型2色覚（T型） #00334a 男性の約0.0001%
1型3色覚（P型弱） #002085 男性の約1.08%
2型3色覚（D型弱） #001682 男性の約4.63%
3型3色覚（T型弱） #002666 男性の約0.0002%
自分の画像でシミュレーション

この色の文字

この色の背景

この色の枠線

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

#000080 Navy ΔE 1.48 #00008b Dark Blue ΔE 1.57 #000f89 Phthalo Blue ΔE 2.69 #32127a Persian Indigo ΔE 3.94 #191970 Midnight Blue ΔE 5.60 #0014a8 Zaffre ΔE 5.89 #4b0082 Indigo ΔE 6.53 #e5ff7c 反転色 #252525 グレースケール 

Navy
#1a0083  rgb(26, 0, 131)  hsl(252, 100%, 26%)  Navy
#698300  rgb(105, 131, 0)  hsl(72, 100%, 26%)  Avocado
#831a00  rgb(131, 26, 0)  hsl(12, 100%, 26%)  Dark Red
#00831a  rgb(0, 131, 26)  hsl(132, 100%, 26%)  Green