ColorTool
ログイン
#356293

#356293 ≈ Lapis Lazuli

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

#356293は空色系の色です（明度：低い、彩度：中程度）。 RGBでは赤20.78%、緑38.43%、青57.65%で構成され、CMYK印刷ではシアン63.95%、マゼンタ33.33%、イエロー0%、ブラック42.35%を使います。 HSLでは色相角211.28°、彩度47%、明度39.22%です。 寒色で、開放感、自由、穏やかさを連想させることが多い色です。 デザインでは主にテクノロジー製品、金融・銀行、ブランドのアクセントに使われます。 この色の上に白の文字を置くとコントラスト比は6.33:1（WCAG AA）です。 最も近い色名はLapis Lazuli（#26619c）で、ΔEは1.73です。

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

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

補色

  1. #356293
  2. #936635

分裂補色

  1. #356293
  2. #933735
  3. #919335

類似色

  1. #359193
  2. #356293
  3. #373593

トライアド

  1. #356293
  2. #933562
  3. #629335

テトラード

  1. #356293
  2. #663593
  3. #936635
  4. #629335

スクエア

  1. #356293
  2. #933591
  3. #936635
  4. #359337

モノクロマティック

  1. #0c1723
  2. #213d5b
  3. #356293
  4. #5388c1
  5. #8cafd5

シェード

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

  1. #356293
  2. #305884
  3. #2a4e76
  4. #254567
  5. #203b58
  6. #1b314a
  7. #15273b
  8. #101d2c
  9. #0b141d
  10. #050a0f
  11. #000000

ティント

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

  1. #356293
  2. #49729e
  3. #5d81a9
  4. #7291b3
  5. #86a1be
  6. #9ab1c9
  7. #aec0d4
  8. #c2d0df
  9. #d7e0e9
  10. #ebeff4
  11. #ffffff

トーン

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

  1. #356293
  2. #3d6591
  3. #44688f
  4. #4c6b8d
  5. #536e8b
  6. #5b718a
  7. #627488
  8. #6a7786
  9. #717a84
  10. #797d82
  11. #808080

読みやすい文字 6.33:1 AA ✓ AA Large ✓ AAA ✕ AAA Large ✓
読みやすい文字 3.32:1 AA ✕ AA Large ✓ AAA ✕ AAA Large ✕

1色覚（全色盲） #606060 男性の約0.003%
不完全1色覚 #526178 男性の約0.001%
1型2色覚（P型） #4d6595 男性の約1.01%
2型2色覚（D型） #405c92 男性の約1.27%
3型2色覚（T型） #006d74 男性の約0.0001%
1型3色覚（P型弱） #456494 男性の約1.08%
2型3色覚（D型弱） #3c5e92 男性の約4.63%
3型3色覚（T型弱） #0d6981 男性の約0.0002%
自分の画像でシミュレーション

この色の文字

この色の背景

この色の枠線

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

#26619c Lapis Lazuli ΔE 1.73 #436b95 Queen Blue ΔE 3.42 #1560bd Denim ΔE 4.50 #0067a5 Medium Persian Blue ΔE 4.53 #0f52ba Sapphire ΔE 6.84 #0f4d92 Yale Blue ΔE 7.06 #006994 Sea Blue ΔE 7.08 #ca9d6c 反転色 #606060 グレースケール 

Lapis Lazuli
#356293  rgb(53, 98, 147)  hsl(211, 47%, 39%)  Lapis Lazuli
#936635  rgb(147, 102, 53)  hsl(31, 47%, 39%)  Golden Brown
#933562  rgb(147, 53, 98)  hsl(331, 47%, 39%)  Boysenberry
#629335  rgb(98, 147, 53)  hsl(91, 47%, 39%)  Olive Drab