ColorTool
ログイン
#606D67

#606d67 ≈ Feldgrau

  • グレー
  • 明度: 中程度
  • 彩度: ほぼなし
  • 無彩色
コントラストを確認 グラフで探索 ランダムな色

#606d67はグレー系の色です（明度：中程度、彩度：ほぼなし）。 RGBでは赤37.65%、緑42.75%、青40.39%で構成され、CMYK印刷ではシアン11.93%、マゼンタ0%、イエロー5.5%、ブラック57.25%を使います。 HSLでは色相角152.31°、彩度6.34%、明度40.2%です。 無彩色に近く、中立、バランス、プロフェッショナルを連想させることが多い色です。 デザインでは主に本文やタイポグラフィ、企業のブランディング、ブランドのアクセントに使われます。 この色の上に白の文字を置くとコントラスト比は5.41:1（WCAG AA）です。 最も近い色名はFeldgrau（#4d5d53）で、ΔEは6.73です。

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

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

補色

  1. #606d67
  2. #6d6066

分裂補色

  1. #606d67
  2. #6d606d
  3. #6d6160

類似色

  1. #606d61
  2. #606d67
  3. #606d6d

トライアド

  1. #606d67
  2. #67606d
  3. #6d6760

テトラード

  1. #606d67
  2. #60666d
  3. #6d6066
  4. #6d6760

スクエア

  1. #606d67
  2. #61606d
  3. #6d6066
  4. #6d6d60

モノクロマティック

  1. #181c1a
  2. #3c4441
  3. #606d67
  4. #86948d
  5. #aeb8b3

シェード

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

  1. #606d67
  2. #56625d
  3. #4d5752
  4. #434c48
  5. #3a413e
  6. #303734
  7. #262c29
  8. #1d211f
  9. #131615
  10. #0a0b0a
  11. #000000

ティント

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

  1. #606d67
  2. #707c76
  3. #808a85
  4. #909995
  5. #a0a7a4
  6. #b0b6b3
  7. #bfc5c2
  8. #cfd3d1
  9. #dfe2e1
  10. #eff0f0
  11. #ffffff

トーン

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

  1. #606d67
  2. #636f6a
  3. #66716c
  4. #6a736f
  5. #6d7571
  6. #707774
  7. #737876
  8. #767a79
  9. #7a7c7b
  10. #7d7e7e
  11. #808080

読みやすい文字 5.41:1 AA ✓ AA Large ✓ AAA ✕ AAA Large ✓
読みやすい文字 3.88:1 AA ✕ AA Large ✓ AAA ✕ AAA Large ✕

1色覚（全色盲） #6a6a6a 男性の約0.003%
不完全1色覚 #666b69 男性の約0.001%
1型2色覚（P型） #6c6b67 男性の約1.01%
2型2色覚（D型） #6a6967 男性の約1.27%
3型2色覚（T型） #5e6d6b 男性の約0.0001%
1型3色覚（P型弱） #686c67 男性の約1.08%
2型3色覚（D型弱） #666b67 男性の約4.63%
3型3色覚（T型弱） #5f6d6a 男性の約0.0002%
自分の画像でシミュレーション

この色の文字

この色の背景

この色の枠線

文字色
.text-606d67 {
  color: #606d67;
}
背景色
.bg-606d67 {
  background-color: #606d67;
  color: #ffffff;
}
枠線
.border-606d67 {
  border: 2px solid #606d67;
}
CSS変数
:root {
  --color-primary: #606d67;
  --color-primary-rgb: 96 109 103;
  --color-primary-hsl: 152 6% 40%;
}
グラデーション
.gradient-606d67 {
  background: linear-gradient(135deg, #606d67, #606d6d);
}
色付きの影
.shadow-606d67 {
  box-shadow: 0 8px 24px rgb(96 109 103 / 0.35);
}

#4d5d53 Feldgrau ΔE 6.73 #696969 Dim Gray ΔE 7.81 #696969 Dim Grey ΔE 7.81 #738678 Xanadu ΔE 10.19 #555555 Davy's Gray ΔE 10.94 #808080 Gray ΔE 11.73 #808080 Grey ΔE 11.73 #9f9298 反転色 #6a6a6a グレースケール 

Feldgrau
#606d67  rgb(96, 109, 103)  hsl(152, 6%, 40%)  Feldgrau
#6d6066  rgb(109, 96, 102)  hsl(332, 6%, 40%)  Old Lavender
#67606d  rgb(103, 96, 109)  hsl(272, 6%, 40%)  Old Lavender
#6d6760  rgb(109, 103, 96)  hsl(32, 6%, 40%)  Dim Gray