ColorTool
ログイン
#011995

#011995 ≈ Imperial Blue

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

#011995は青系の色です（明度：低い、彩度：高め）。 RGBでは赤0.39%、緑9.8%、青58.43%で構成され、CMYK印刷ではシアン99.33%、マゼンタ83.22%、イエロー0%、ブラック41.57%を使います。 HSLでは色相角230.27°、彩度98.67%、明度29.41%です。 寒色で、信頼、安定、集中を連想させることが多い色です。 デザインでは主にテクノロジー製品、金融・銀行、高級ブランドに使われます。 この色の上に白の文字を置くとコントラスト比は13.34:1（WCAG AAA）です。 最も近い色名はImperial Blue（#002395）で、ΔEは2.43です。

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

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

補色

  1. #011995
  2. #957d01

分裂補色

  1. #011995
  2. #953301
  3. #639501

類似色

  1. #016395
  2. #011995
  3. #330195

トライアド

  1. #011995
  2. #950119
  3. #199501

テトラード

  1. #011995
  2. #7d0195
  3. #957d01
  4. #199501

スクエア

  1. #011995
  2. #950163
  3. #957d01
  4. #019533

モノクロマティック

  1. #000314
  2. #000c49
  3. #011995
  4. #0226e1
  5. #3152fe

シェード

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

  1. #011995
  2. #011786
  3. #011477
  4. #011268
  5. #010f59
  6. #010d4b
  7. #000a3c
  8. #00082d
  9. #00051e
  10. #00030f
  11. #000000

ティント

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

  1. #011995
  2. #1a30a0
  3. #3447aa
  4. #4d5eb5
  5. #6775bf
  6. #808cca
  7. #99a3d5
  8. #b3badf
  9. #ccd1ea
  10. #e6e8f4
  11. #ffffff

トーン

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

  1. #011995
  2. #0e2393
  3. #1a2e91
  4. #27388f
  5. #34428d
  6. #414d8b
  7. #4d5788
  8. #5a6186
  9. #676b84
  10. #737682
  11. #808080

読みやすい文字 13.34:1 AA ✓ AA Large ✓ AAA ✓ AAA Large ✓
読みやすい文字 1.57:1 AA ✕ AA Large ✕ AAA ✕ AAA Large ✕

1色覚（全色盲） #2f2f2f 男性の約0.003%
不完全1色覚 #242868 男性の約0.001%
1型2色覚（P型） #003698 男性の約1.01%
2型2色覚（D型） #002893 男性の約1.27%
3型2色覚（T型） #004158 男性の約0.0001%
1型3色覚（P型弱） #002d97 男性の約1.08%
2型3色覚（D型弱） #002394 男性の約4.63%
3型3色覚（T型弱） #003575 男性の約0.0002%
自分の画像でシミュレーション

この色の文字

この色の背景

この色の枠線

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

#002395 Imperial Blue ΔE 2.43 #000f89 Phthalo Blue ΔE 2.52 #0014a8 Zaffre ΔE 2.71 #00008b Dark Blue ΔE 4.20 #000080 Navy ΔE 5.13 #191970 Midnight Blue ΔE 5.59 #32127a Persian Indigo ΔE 5.73 #fee66a 反転色 #2f2f2f グレースケール 

Imperial Blue
#011995  rgb(1, 25, 149)  hsl(230, 99%, 29%)  Imperial Blue
#957d01  rgb(149, 125, 1)  hsl(50, 99%, 29%)  Olive
#950119  rgb(149, 1, 25)  hsl(350, 99%, 29%)  Carmine
#199501  rgb(25, 149, 1)  hsl(110, 99%, 29%)  Islamic Green