ColorTool
ログイン
#79B9C8

#79b9c8 ≈ Moonstone Blue

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

#79b9c8はシアン系の色です（明度：高い、彩度：中程度）。 RGBでは赤47.45%、緑72.55%、青78.43%で構成され、CMYK印刷ではシアン39.5%、マゼンタ7.5%、イエロー0%、ブラック21.57%を使います。 HSLでは色相角191.39°、彩度41.8%、明度62.94%です。 寒色で、爽やかさ、テクノロジー、明快さを連想させることが多い色です。 デザインでは主に健康・ウェルネス、テクノロジー製品、ブランドのアクセントに使われます。 この色の上に黒の文字を置くとコントラスト比は9.59:1（WCAG AAA）です。 最も近い色名はMoonstone Blue（#73a9c2）で、ΔEは6.46です。

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

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

補色

  1. #79b9c8
  2. #c88879

分裂補色

  1. #79b9c8
  2. #c87991
  3. #c8af79

類似色

  1. #79c8af
  2. #79b9c8
  3. #7991c8

トライアド

  1. #79b9c8
  2. #c879b9
  3. #b9c879

テトラード

  1. #79b9c8
  2. #8879c8
  3. #c88879
  4. #b9c879

スクエア

  1. #79b9c8
  2. #af79c8
  3. #c88879
  4. #91c879

モノクロマティック

  1. #316a77
  2. #479aad
  3. #79b9c8
  4. #afd5de
  5. #e5f2f5

シェード

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

  1. #79b9c8
  2. #6da7b4
  3. #6194a0
  4. #55828c
  5. #496f78
  6. #3d5d64
  7. #304a50
  8. #24383c
  9. #182528
  10. #0c1314
  11. #000000

ティント

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

  1. #79b9c8
  2. #86c0ce
  3. #94c7d3
  4. #a1ced9
  5. #afd5de
  6. #bcdce4
  7. #c9e3e9
  8. #d7eaef
  9. #e4f1f4
  10. #f2f8fa
  11. #ffffff

トーン

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

  1. #79b9c8
  2. #7ab3c1
  3. #7aaeba
  4. #7ba8b2
  5. #7ca2ab
  6. #7d9da4
  7. #7d979d
  8. #7e9196
  9. #7f8b8e
  10. #7f8687
  11. #808080

読みやすい文字 2.19:1 AA ✕ AA Large ✕ AAA ✕ AAA Large ✕
読みやすい文字 9.59:1 AA ✓ AA Large ✓ AAA ✓ AAA Large ✓

1色覚（全色盲） #afafaf 男性の約0.003%
不完全1色覚 #9cb3ba 男性の約0.001%
1型2色覚（P型） #aeb5c9 男性の約1.01%
2型2色覚（D型） #a1abc8 男性の約1.27%
3型2色覚（T型） #59bfbd 男性の約0.0001%
1型3色覚（P型弱） #9bb6c9 男性の約1.08%
2型3色覚（D型弱） #93b1c8 男性の約4.63%
3型3色覚（T型弱） #67bdc2 男性の約0.0002%
自分の画像でシミュレーション

この色の文字

この色の背景

この色の枠線

文字色
.text-79b9c8 {
  color: #79b9c8;
}
背景色
.bg-79b9c8 {
  background-color: #79b9c8;
  color: #000000;
}
枠線
.border-79b9c8 {
  border: 2px solid #79b9c8;
}
CSS変数
:root {
  --color-primary: #79b9c8;
  --color-primary-rgb: 121 185 200;
  --color-primary-hsl: 191 42% 63%;
}
グラデーション
.gradient-79b9c8 {
  background: linear-gradient(135deg, #79b9c8, #7991c8);
}
色付きの影
.shadow-79b9c8 {
  box-shadow: 0 8px 24px rgb(121 185 200 / 0.35);
}

#73a9c2 Moonstone Blue ΔE 6.46 #87ceeb Sky Blue ΔE 7.20 #89cff0 Baby Blue ΔE 8.36 #a4dded Non-Photo Blue ΔE 9.53 #add8e6 Light Blue ΔE 9.66 #5f9ea0 Cadet Blue ΔE 9.94 #aec6cf Pastel Blue ΔE 10.06 #864637 反転色 #afafaf グレースケール 

Moonstone Blue
#79b9c8  rgb(121, 185, 200)  hsl(191, 42%, 63%)  Moonstone Blue
#c88879  rgb(200, 136, 121)  hsl(11, 42%, 63%)  Old Rose
#c879b9  rgb(200, 121, 185)  hsl(311, 42%, 63%)  Sky Magenta
#b9c879  rgb(185, 200, 121)  hsl(71, 42%, 63%)  Olivine