ColorTool
ログイン
#214947

#214947 ≈ Dark Slate Gray

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

#214947はシアン系の色です（明度：低い、彩度：低め）。 RGBでは赤12.94%、緑28.63%、青27.84%で構成され、CMYK印刷ではシアン54.79%、マゼンタ0%、イエロー2.74%、ブラック71.37%を使います。 HSLでは色相角177°、彩度37.74%、明度20.78%です。 寒色で、爽やかさ、テクノロジー、明快さを連想させることが多い色です。 デザインでは主に健康・ウェルネス、テクノロジー製品、高級ブランドに使われます。 この色の上に白の文字を置くとコントラスト比は9.96:1（WCAG AAA）です。 最も近い色名はDark Slate Gray（#2f4f4f）で、ΔEは3.34です。

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

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

補色

  1. #214947
  2. #492123

分裂補色

  1. #214947
  2. #492137
  3. #493321

類似色

  1. #214933
  2. #214947
  3. #213749

トライアド

  1. #214947
  2. #472149
  3. #494721

テトラード

  1. #214947
  2. #212349
  3. #492123
  4. #494721

スクエア

  1. #214947
  2. #332149
  3. #492123
  4. #374921

モノクロマティック

  1. #060e0e
  2. #091414
  3. #214947
  4. #397e7a
  5. #52b1ac

シェード

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

  1. #214947
  2. #1e4240
  3. #1a3a39
  4. #173332
  5. #142c2b
  6. #112524
  7. #0d1d1c
  8. #0a1615
  9. #070f0e
  10. #030707
  11. #000000

ティント

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

  1. #214947
  2. #375b59
  3. #4d6d6c
  4. #64807e
  5. #7a9291
  6. #90a4a3
  7. #a6b6b5
  8. #bcc8c8
  9. #d3dbda
  10. #e9eded
  11. #ffffff

トーン

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

  1. #214947
  2. #2b4f4d
  3. #345452
  4. #3e5a58
  5. #475f5e
  6. #516564
  7. #5a6a69
  8. #64706f
  9. #6d7575
  10. #777b7a
  11. #808080

読みやすい文字 9.96:1 AA ✓ AA Large ✓ AAA ✓ AAA Large ✓
読みやすい文字 2.11:1 AA ✕ AA Large ✕ AAA ✕ AAA Large ✕

1色覚（全色盲） #434343 男性の約0.003%
不完全1色覚 #384544 男性の約0.001%
1型2色覚（P型） #454647 男性の約1.01%
2型2色覚（D型） #3e4047 男性の約1.27%
3型2色覚（T型） #094b48 男性の約0.0001%
1型3色覚（P型弱） #3a4747 男性の約1.08%
2型3色覚（D型弱） #354447 男性の約4.63%
3型3色覚（T型弱） #154a48 男性の約0.0002%
自分の画像でシミュレーション

この色の文字

この色の背景

この色の枠線

文字色
.text-214947 {
  color: #214947;
}
背景色
.bg-214947 {
  background-color: #214947;
  color: #ffffff;
}
枠線
.border-214947 {
  border: 2px solid #214947;
}
CSS変数
:root {
  --color-primary: #214947;
  --color-primary-rgb: 33 73 71;
  --color-primary-hsl: 177 38% 21%;
}
グラデーション
.gradient-214947 {
  background: linear-gradient(135deg, #214947, #213749);
}
色付きの影
.shadow-214947 {
  box-shadow: 0 8px 24px rgb(33 73 71 / 0.35);
}

#2f4f4f Dark Slate Gray ΔE 3.34 #2f4f4f Dark Slate Grey ΔE 3.34 #004953 Midnight Green ΔE 6.00 #123524 Phthalo Green ΔE 10.03 #4d5d53 Feldgrau ΔE 10.84 #414a4c Outer Space ΔE 10.94 #36454f Charcoal ΔE 11.86 #deb6b8 反転色 #434343 グレースケール 

Dark Slate Gray
#214947  rgb(33, 73, 71)  hsl(177, 38%, 21%)  Dark Slate Gray
#492123  rgb(73, 33, 35)  hsl(357, 38%, 21%)  Caput Mortuum
#472149  rgb(71, 33, 73)  hsl(297, 38%, 21%)  Byzantium
#494721  rgb(73, 71, 33)  hsl(57, 38%, 21%)  Army Green