ColorTool
ログイン
#062AAA

#062aaa ≈ Egyptian Blue

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

#062aaaは青系の色です（明度：低い、彩度：高め）。 RGBでは赤2.35%、緑16.47%、青66.67%で構成され、CMYK印刷ではシアン96.47%、マゼンタ75.29%、イエロー0%、ブラック33.33%を使います。 HSLでは色相角226.83°、彩度93.18%、明度34.51%です。 寒色で、信頼、安定、集中を連想させることが多い色です。 デザインでは主にテクノロジー製品、金融・銀行、企業のブランディングに使われます。 この色の上に白の文字を置くとコントラスト比は10.94:1（WCAG AAA）です。 最も近い色名はEgyptian Blue（#1034a6）で、ΔEは2.88です。

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

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

補色

  1. #062aaa
  2. #aa8606

分裂補色

  1. #062aaa
  2. #aa3406
  3. #7caa06

類似色

  1. #067caa
  2. #062aaa
  3. #3406aa

トライアド

  1. #062aaa
  2. #aa062a
  3. #2aaa06

テトラード

  1. #062aaa
  2. #8606aa
  3. #aa8606
  4. #2aaa06

スクエア

  1. #062aaa
  2. #aa067c
  3. #aa8606
  4. #06aa34

モノクロマティック

  1. #010516
  2. #031860
  3. #062aaa
  4. #093cf4
  5. #5075f9

シェード

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

  1. #062aaa
  2. #052699
  3. #052288
  4. #041d77
  5. #041966
  6. #031555
  7. #021144
  8. #020d33
  9. #010822
  10. #010411
  11. #000000

ティント

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

  1. #062aaa
  2. #1f3fb3
  3. #3855bb
  4. #516ac4
  5. #6a7fcc
  6. #8395d5
  7. #9baadd
  8. #b4bfe6
  9. #cdd4ee
  10. #e6eaf7
  11. #ffffff

トーン

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

  1. #062aaa
  2. #1233a6
  3. #1e3ba2
  4. #2b449d
  5. #374c99
  6. #435595
  7. #4f5e91
  8. #5b668d
  9. #686f88
  10. #747784
  11. #808080

読みやすい文字 10.94:1 AA ✓ AA Large ✓ AAA ✓ AAA Large ✓
読みやすい文字 1.92:1 AA ✕ AA Large ✕ AAA ✕ AAA Large ✕

1色覚（全色盲） #3d3d3d 男性の約0.003%
不完全1色覚 #2f3678 男性の約0.001%
1型2色覚（P型） #0044ae 男性の約1.01%
2型2色覚（D型） #0035a8 男性の約1.27%
3型2色覚（T型） #005068 男性の約0.0001%
1型3色覚（P型弱） #003bac 男性の約1.08%
2型3色覚（D型弱） #0031a9 男性の約4.63%
3型3色覚（T型弱） #004487 男性の約0.0002%
自分の画像でシミュレーション

この色の文字

この色の背景

この色の枠線

文字色
.text-062aaa {
  color: #062aaa;
}
背景色
.bg-062aaa {
  background-color: #062aaa;
  color: #ffffff;
}
枠線
.border-062aaa {
  border: 2px solid #062aaa;
}
CSS変数
:root {
  --color-primary: #062aaa;
  --color-primary-rgb: 6 42 170;
  --color-primary-hsl: 227 93% 35%;
}
グラデーション
.gradient-062aaa {
  background: linear-gradient(135deg, #062aaa, #3406aa);
}
色付きの影
.shadow-062aaa {
  box-shadow: 0 8px 24px rgb(6 42 170 / 0.35);
}

#1034a6 Egyptian Blue ΔE 2.88 #002395 Imperial Blue ΔE 3.32 #003399 Smalt ΔE 4.11 #1c39bb Persian Blue ΔE 4.55 #0014a8 Zaffre ΔE 4.59 #0000cd Medium Blue ΔE 6.81 #000f89 Phthalo Blue ΔE 7.32 #f9d555 反転色 #3d3d3d グレースケール 

Egyptian Blue
#062aaa  rgb(6, 42, 170)  hsl(227, 93%, 35%)  Egyptian Blue
#aa8606  rgb(170, 134, 6)  hsl(47, 93%, 35%)  Dark Goldenrod
#aa062a  rgb(170, 6, 42)  hsl(347, 93%, 35%)  Vivid Burgundy
#2aaa06  rgb(42, 170, 6)  hsl(107, 93%, 35%)  Kelly Green