ColorTool
ログイン
#496705

#496705 ≈ Dark Olive Green

  • 黄緑
  • 明度: 低い
  • 彩度: 中程度
  • 中間色
コントラストを確認 グラフで探索 ランダムな色

#496705は黄緑系の色です（明度：低い、彩度：中程度）。 RGBでは赤28.63%、緑40.39%、青1.96%で構成され、CMYK印刷ではシアン29.13%、マゼンタ0%、イエロー95.15%、ブラック59.61%を使います。 HSLでは色相角78.37°、彩度90.74%、明度21.18%です。 暖色と寒色の中間で、新鮮さ、成長、活力を連想させることが多い色です。 デザインでは主にエコブランド、健康・ウェルネス、高級ブランドに使われます。 この色の上に白の文字を置くとコントラスト比は6.51:1（WCAG AA）です。 最も近い色名はDark Olive Green（#556b2f）で、ΔEは5.61です。

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

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

補色

  1. #496705
  2. #230567

分裂補色

  1. #496705
  2. #051867
  3. #540567

類似色

  1. #675405
  2. #496705
  3. #186705

トライアド

  1. #496705
  2. #054967
  3. #670549

テトラード

  1. #496705
  2. #056723
  3. #230567
  4. #670549

スクエア

  1. #496705
  2. #056754
  3. #230567
  4. #670518

モノクロマティック

  1. #0e1301
  2. #151e01
  3. #496705
  4. #7db009
  5. #aef312

シェード

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

  1. #496705
  2. #425d05
  3. #3a5204
  4. #334804
  5. #2c3e03
  6. #253403
  7. #1d2902
  8. #161f02
  9. #0f1501
  10. #070a01
  11. #000000

ティント

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

  1. #496705
  2. #5b761e
  3. #6d8537
  4. #809550
  5. #92a469
  6. #a4b382
  7. #b6c29b
  8. #c8d1b4
  9. #dbe1cd
  10. #edf0e6
  11. #ffffff

トーン

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

  1. #496705
  2. #4f6a11
  3. #546c1e
  4. #5a6f2a
  5. #5f7136
  6. #657443
  7. #6a764f
  8. #70795b
  9. #757b67
  10. #7b7e74
  11. #808080

読みやすい文字 6.51:1 AA ✓ AA Large ✓ AAA ✕ AAA Large ✓
読みやすい文字 3.23:1 AA ✕ AA Large ✓ AAA ✕ AAA Large ✕

1色覚（全色盲） #5e5e5e 男性の約0.003%
不完全1色覚 #566249 男性の約0.001%
1型2色覚（P型） #6d5f00 男性の約1.01%
2型2色覚（D型） #695d13 男性の約1.27%
3型2色覚（T型） #4c6257 男性の約0.0001%
1型3色覚（P型弱） #606200 男性の約1.08%
2型3色覚（D型弱） #5e610e 男性の約4.63%
3型3色覚（T型弱） #4b6444 男性の約0.0002%
自分の画像でシミュレーション

この色の文字

この色の背景

この色の枠線

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

#556b2f Dark Olive Green ΔE 5.61 #507d2a Sap Green ΔE 8.36 #006600 Pakistan Green ΔE 8.86 #195905 Lincoln Green ΔE 8.94 #006400 Dark Green ΔE 8.96 #4b5320 Army Green ΔE 9.38 #568203 Avocado ΔE 9.67 #b698fa 反転色 #5e5e5e グレースケール 

Dark Olive Green
#496705  rgb(73, 103, 5)  hsl(78, 91%, 21%)  Dark Olive Green
#230567  rgb(35, 5, 103)  hsl(258, 91%, 21%)  Persian Indigo
#054967  rgb(5, 73, 103)  hsl(198, 91%, 21%)  Yale Blue
#670549  rgb(103, 5, 73)  hsl(318, 91%, 21%)  Tyrian Purple