ColorTool
ログイン
#6598BB

#6598bb ≈ Carolina Blue

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

#6598bbは空色系の色です（明度：中程度、彩度：中程度）。 RGBでは赤39.61%、緑59.61%、青73.33%で構成され、CMYK印刷ではシアン45.99%、マゼンタ18.72%、イエロー0%、ブラック26.67%を使います。 HSLでは色相角204.42°、彩度38.74%、明度56.47%です。 寒色で、開放感、自由、穏やかさを連想させることが多い色です。 デザインでは主にテクノロジー製品、金融・銀行、ブランドのアクセントに使われます。 この色の上に黒の文字を置くとコントラスト比は6.76:1（WCAG AA）です。 最も近い色名はCarolina Blue（#56a0d3）で、ΔEは4.26です。

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

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

補色

  1. #6598bb
  2. #bb8865

分裂補色

  1. #6598bb
  2. #bb656d
  3. #bbb365

類似色

  1. #65bbb3
  2. #6598bb
  3. #656dbb

トライアド

  1. #6598bb
  2. #bb6598
  3. #98bb65

テトラード

  1. #6598bb
  2. #8865bb
  3. #bb8865
  4. #98bb65

スクエア

  1. #6598bb
  2. #b365bb
  3. #bb8865
  4. #6dbb65

モノクロマティック

  1. #29485e
  2. #417193
  3. #6598bb
  4. #9abbd2
  5. #cfdfea

シェード

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

  1. #6598bb
  2. #5b89a8
  3. #517a96
  4. #476a83
  5. #3d5b70
  6. #334c5e
  7. #283d4b
  8. #1e2e38
  9. #141e25
  10. #0a0f13
  11. #000000

ティント

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

  1. #6598bb
  2. #74a2c2
  3. #84adc9
  4. #93b7cf
  5. #a3c1d6
  6. #b2ccdd
  7. #c1d6e4
  8. #d1e0eb
  9. #e0eaf1
  10. #f0f5f8
  11. #ffffff

トーン

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

  1. #6598bb
  2. #6896b5
  3. #6a93af
  4. #6d91a9
  5. #708ea3
  6. #738c9e
  7. #758a98
  8. #788792
  9. #7b858c
  10. #7d8286
  11. #808080

読みやすい文字 3.11:1 AA ✕ AA Large ✓ AAA ✕ AAA Large ✕
読みやすい文字 6.76:1 AA ✓ AA Large ✓ AAA ✕ AAA Large ✓

1色覚（全色盲） #929292 男性の約0.003%
不完全1色覚 #8295a4 男性の約0.001%
1型2色覚（P型） #8997bd 男性の約1.01%
2型2色覚（D型） #7d8eba 男性の約1.27%
3型2色覚（T型） #3fa1a3 男性の約0.0001%
1型3色覚（P型弱） #7c98bc 男性の約1.08%
2型3色覚（D型弱） #7492bb 男性の約4.63%
3型3色覚（T型弱） #519dad 男性の約0.0002%
自分の画像でシミュレーション

この色の文字

この色の背景

この色の枠線

文字色
.text-6598bb {
  color: #6598bb;
}
背景色
.bg-6598bb {
  background-color: #6598bb;
  color: #000000;
}
枠線
.border-6598bb {
  border: 2px solid #6598bb;
}
CSS変数
:root {
  --color-primary: #6598bb;
  --color-primary-rgb: 101 152 187;
  --color-primary-hsl: 204 39% 56%;
}
グラデーション
.gradient-6598bb {
  background: linear-gradient(135deg, #6598bb, #656dbb);
}
色付きの影
.shadow-6598bb {
  box-shadow: 0 8px 24px rgb(101 152 187 / 0.35);
}

#56a0d3 Carolina Blue ΔE 4.26 #5d8aa8 Air Force Blue ΔE 4.89 #71a6d2 Iceberg ΔE 5.06 #73a9c2 Moonstone Blue ΔE 6.42 #5b92e5 United Nations Blue ΔE 7.00 #6495ed Cornflower Blue ΔE 7.54 #318ce7 Bleu de France ΔE 7.89 #9a6744 反転色 #929292 グレースケール 

Carolina Blue
#6598bb  rgb(101, 152, 187)  hsl(204, 39%, 56%)  Carolina Blue
#bb8865  rgb(187, 136, 101)  hsl(24, 39%, 56%)  Cafe au Lait
#bb6598  rgb(187, 101, 152)  hsl(324, 39%, 56%)  Sky Magenta
#98bb65  rgb(152, 187, 101)  hsl(84, 39%, 56%)  Olivine