ColorTool
ログイン
#79754F

#79754f ≈ Dark Olive Green

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

#79754fは黄系の色です（明度：低い、彩度：低め）。 RGBでは赤47.45%、緑45.88%、青30.98%で構成され、CMYK印刷ではシアン0%、マゼンタ3.31%、イエロー34.71%、ブラック52.55%を使います。 HSLでは色相角54.29°、彩度21%、明度39.22%です。 暖色で、楽観、注意喚起、喜びを連想させることが多い色です。 デザインでは主に強調表示や警告、子ども向け商品、ブランドのアクセントに使われます。 この色の上に白の文字を置くとコントラスト比は4.7:1（WCAG AA）です。 最も近い色名はDark Olive Green（#556b2f）で、ΔEは11.2です。

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

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

補色

  1. #79754f
  2. #4f5379

分裂補色

  1. #79754f
  2. #4f6879
  3. #604f79

類似色

  1. #79604f
  2. #79754f
  3. #68794f

トライアド

  1. #79754f
  2. #4f7975
  3. #754f79

テトラード

  1. #79754f
  2. #53794f
  3. #4f5379
  4. #754f79

スクエア

  1. #79754f
  2. #4f7960
  3. #4f5379
  4. #794f68

モノクロマティック

  1. #1c1c13
  2. #4b4831
  3. #79754f
  4. #a39e72
  5. #c1bea0

シェード

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

  1. #79754f
  2. #6d6947
  3. #615e3f
  4. #555237
  5. #49462f
  6. #3d3b28
  7. #302f20
  8. #242318
  9. #181710
  10. #0c0c08
  11. #000000

ティント

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

  1. #79754f
  2. #868361
  3. #949172
  4. #a19e84
  5. #afac95
  6. #bcbaa7
  7. #c9c8b9
  8. #d7d6ca
  9. #e4e3dc
  10. #f2f1ed
  11. #ffffff

トーン

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

  1. #79754f
  2. #7a7654
  3. #7a7759
  4. #7b785e
  5. #7c7963
  6. #7d7b68
  7. #7d7c6c
  8. #7e7d71
  9. #7f7e76
  10. #7f7f7b
  11. #808080

読みやすい文字 4.7:1 AA ✓ AA Large ✓ AAA ✕ AAA Large ✓
読みやすい文字 4.47:1 AA ✕ AA Large ✓ AAA ✕ AAA Large ✕

1色覚（全色盲） #747474 男性の約0.003%
不完全1色覚 #767467 男性の約0.001%
1型2色覚（P型） #7c724c 男性の約1.01%
2型2色覚（D型） #7d7550 男性の約1.27%
3型2色覚（T型） #7f706b 男性の約0.0001%
1型3色覚（P型弱） #7b734d 男性の約1.08%
2型3色覚（D型弱） #7b7550 男性の約4.63%
3型3色覚（T型弱） #7d7261 男性の約0.0002%
自分の画像でシミュレーション

この色の文字

この色の背景

この色の枠線

文字色
.text-79754f {
  color: #79754f;
}
背景色
.bg-79754f {
  background-color: #79754f;
  color: #ffffff;
}
枠線
.border-79754f {
  border: 2px solid #79754f;
}
CSS変数
:root {
  --color-primary: #79754f;
  --color-primary-rgb: 121 117 79;
  --color-primary-hsl: 54 21% 39%;
}
グラデーション
.gradient-79754f {
  background: linear-gradient(135deg, #79754f, #68794f);
}
色付きの影
.shadow-79754f {
  box-shadow: 0 8px 24px rgb(121 117 79 / 0.35);
}

#556b2f Dark Olive Green ΔE 11.20 #826644 Raw Umber ΔE 11.65 #808000 Olive ΔE 13.24 #4f7942 Fern Green ΔE 13.24 #738678 Xanadu ΔE 13.49 #6c541e Field Drab ΔE 14.09 #8a9a5b Moss Green ΔE 14.23 #868ab0 反転色 #747474 グレースケール 

Dark Olive Green
#79754f  rgb(121, 117, 79)  hsl(54, 21%, 39%)  Dark Olive Green
#4f5379  rgb(79, 83, 121)  hsl(234, 21%, 39%)  Dark Slate Blue
#4f7975  rgb(79, 121, 117)  hsl(174, 21%, 39%)  Myrtle Green
#754f79  rgb(117, 79, 121)  hsl(294, 21%, 39%)  Deep Plum