ColorTool
ログイン
#596A60

#596a60 ≈ Feldgrau

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

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

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

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

補色

  1. #596a60
  2. #6a5963

分裂補色

  1. #596a60
  2. #69596a
  3. #6a595b

類似色

  1. #5b6a59
  2. #596a60
  3. #596a69

トライアド

  1. #596a60
  2. #60596a
  3. #6a6059

テトラード

  1. #596a60
  2. #59636a
  3. #6a5963
  4. #6a6059

スクエア

  1. #596a60
  2. #595b6a
  3. #6a5963
  4. #6a6959

モノクロマティック

  1. #131715
  2. #36403a
  3. #596a60
  4. #7d9286
  5. #a7b5ad

シェード

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

  1. #596a60
  2. #505f56
  3. #47554d
  4. #3e4a43
  5. #35403a
  6. #2d3530
  7. #242a26
  8. #1b201d
  9. #121513
  10. #090b0a
  11. #000000

ティント

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

  1. #596a60
  2. #6a7970
  3. #7a8880
  4. #8b9790
  5. #9ba6a0
  6. #acb5b0
  7. #bdc3bf
  8. #cdd2cf
  9. #dee1df
  10. #eef0ef
  11. #ffffff

トーン

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

  1. #596a60
  2. #5d6c63
  3. #616e66
  4. #65716a
  5. #69736d
  6. #6d7570
  7. #707773
  8. #747976
  9. #787c7a
  10. #7c7e7d
  11. #808080

読みやすい文字 5.75:1 AA ✓ AA Large ✓ AAA ✕ AAA Large ✓
読みやすい文字 3.66:1 AA ✕ AA Large ✓ AAA ✕ AAA Large ✕

1色覚（全色盲） #666666 男性の約0.003%
不完全1色覚 #616864 男性の約0.001%
1型2色覚（P型） #6a6760 男性の約1.01%
2型2色覚（D型） #666561 男性の約1.27%
3型2色覚（T型） #566a67 男性の約0.0001%
1型3色覚（P型弱） #636860 男性の約1.08%
2型3色覚（D型弱） #616760 男性の約4.63%
3型3色覚（T型弱） #576a64 男性の約0.0002%
自分の画像でシミュレーション

この色の文字

この色の背景

この色の枠線

文字色
.text-596a60 {
  color: #596a60;
}
背景色
.bg-596a60 {
  background-color: #596a60;
  color: #ffffff;
}
枠線
.border-596a60 {
  border: 2px solid #596a60;
}
CSS変数
:root {
  --color-primary: #596a60;
  --color-primary-rgb: 89 106 96;
  --color-primary-hsl: 145 9% 38%;
}
グラデーション
.gradient-596a60 {
  background: linear-gradient(135deg, #596a60, #596a69);
}
色付きの影
.shadow-596a60 {
  box-shadow: 0 8px 24px rgb(89 106 96 / 0.35);
}

#4d5d53 Feldgrau ΔE 4.69 #696969 Dim Gray ΔE 10.33 #696969 Dim Grey ΔE 10.33 #738678 Xanadu ΔE 10.96 #444c38 Rifle Green ΔE 11.75 #555555 Davy's Gray ΔE 11.97 #2f4f4f Dark Slate Gray ΔE 11.99 #a6959f 反転色 #666666 グレースケール 

Feldgrau
#596a60  rgb(89, 106, 96)  hsl(145, 9%, 38%)  Feldgrau
#6a5963  rgb(106, 89, 99)  hsl(325, 9%, 38%)  Old Lavender
#60596a  rgb(96, 89, 106)  hsl(265, 9%, 38%)  Old Lavender
#6a6059  rgb(106, 96, 89)  hsl(25, 9%, 38%)  Wenge