ColorTool
ログイン
#0F08EA

#0f08ea ≈ Blue

  • 青
  • 明度: 中程度
  • 彩度: とても高い
  • 寒色
コントラストを確認 グラフで探索 ランダムな色

#0f08eaは青系の色です（明度：中程度、彩度：とても高い）。 RGBでは赤5.88%、緑3.14%、青91.76%で構成され、CMYK印刷ではシアン93.59%、マゼンタ96.58%、イエロー0%、ブラック8.24%を使います。 HSLでは色相角241.86°、彩度93.39%、明度47.45%です。 寒色で、信頼、安定、集中を連想させることが多い色です。 デザインでは主にテクノロジー製品、金融・銀行、CTAボタンに使われます。 この色の上に白の文字を置くとコントラスト比は9.36:1（WCAG AAA）です。 最も近い色名はBlue（#0000ff）で、ΔEは2.35です。

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

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

補色

  1. #0f08ea
  2. #e3ea08

分裂補色

  1. #0f08ea
  2. #ea8008
  3. #72ea08

類似色

  1. #0872ea
  2. #0f08ea
  3. #8008ea

トライアド

  1. #0f08ea
  2. #ea0f08
  3. #08ea0f

テトラード

  1. #0f08ea
  2. #ea08e3
  3. #e3ea08
  4. #08ea0f

スクエア

  1. #0f08ea
  2. #ea0872
  3. #e3ea08
  4. #08ea80

モノクロマティック

  1. #060356
  2. #0a05a0
  3. #0f08ea
  4. #4b46f9
  5. #9390fb

シェード

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

  1. #0f08ea
  2. #0e07d3
  3. #0c06bb
  4. #0b06a4
  5. #09058c
  6. #080475
  7. #06035e
  8. #050246
  9. #03022f
  10. #020117
  11. #000000

ティント

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

  1. #0f08ea
  2. #2721ec
  3. #3f39ee
  4. #5752f0
  5. #6f6bf2
  6. #8784f5
  7. #9f9cf7
  8. #b7b5f9
  9. #cfcefb
  10. #e7e6fd
  11. #ffffff

トーン

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

  1. #0f08ea
  2. #1a14df
  3. #2620d5
  4. #312cca
  5. #3c38c0
  6. #4844b5
  7. #5350aa
  8. #5e5ca0
  9. #696895
  10. #75748b
  11. #808080

読みやすい文字 9.36:1 AA ✓ AA Large ✓ AAA ✓ AAA Large ✓
読みやすい文字 2.24:1 AA ✕ AA Large ✕ AAA ✕ AAA Large ✕

1色覚（全色盲） #474747 男性の約0.003%
不完全1色覚 #3837a3 男性の約0.001%
1型2色覚（P型） #0052ef 男性の約1.01%
2型2色覚（D型） #003ae7 男性の約1.27%
3型2色覚（T型） #006289 男性の約0.0001%
1型3色覚（P型弱） #0040ed 男性の約1.08%
2型3色覚（D型弱） #002de8 男性の約4.63%
3型3色覚（T型弱） #004db8 男性の約0.0002%
自分の画像でシミュレーション

この色の文字

この色の背景

この色の枠線

文字色
.text-0f08ea {
  color: #0f08ea;
}
背景色
.bg-0f08ea {
  background-color: #0f08ea;
  color: #ffffff;
}
枠線
.border-0f08ea {
  border: 2px solid #0f08ea;
}
CSS変数
:root {
  --color-primary: #0f08ea;
  --color-primary-rgb: 15 8 234;
  --color-primary-hsl: 242 93% 47%;
}
グラデーション
.gradient-0f08ea {
  background: linear-gradient(135deg, #0f08ea, #8008ea);
}
色付きの影
.shadow-0f08ea {
  box-shadow: 0 8px 24px rgb(15 8 234 / 0.35);
}

#0000ff Blue ΔE 2.35 #3f00ff Ultramarine ΔE 4.01 #0000cd Medium Blue ΔE 4.08 #5218fa Han Purple ΔE 5.64 #0014a8 Zaffre ΔE 8.29 #6f00ff Electric Indigo ΔE 8.37 #1c39bb Persian Blue ΔE 8.66 #f0f715 反転色 #474747 グレースケール 

Blue
#0f08ea  rgb(15, 8, 234)  hsl(242, 93%, 47%)  Blue
#e3ea08  rgb(227, 234, 8)  hsl(62, 93%, 47%)  Titanium Yellow
#ea0f08  rgb(234, 15, 8)  hsl(2, 93%, 47%)  Lust
#08ea0f  rgb(8, 234, 15)  hsl(122, 93%, 47%)  Lime