ColorTool
ログイン
#8C8A43

#8c8a43 ≈ Olive

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

#8c8a43は黄系の色です（明度：中程度、彩度：中程度）。 RGBでは赤54.9%、緑54.12%、青26.27%で構成され、CMYK印刷ではシアン0%、マゼンタ1.43%、イエロー52.14%、ブラック45.1%を使います。 HSLでは色相角58.36°、彩度35.27%、明度40.59%です。 暖色で、楽観、注意喚起、喜びを連想させることが多い色です。 デザインでは主に強調表示や警告、子ども向け商品、ブランドのアクセントに使われます。 この色の上に黒の文字を置くとコントラスト比は5.83:1（WCAG AA）です。 最も近い色名はOlive（#808000）で、ΔEは7.35です。

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

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

補色

  1. #8c8a43
  2. #43458c

分裂補色

  1. #8c8a43
  2. #436a8c
  3. #66438c

類似色

  1. #8c6643
  2. #8c8a43
  3. #6a8c43

トライアド

  1. #8c8a43
  2. #438c8a
  3. #8a438c

テトラード

  1. #8c8a43
  2. #458c43
  3. #43458c
  4. #8a438c

スクエア

  1. #8c8a43
  2. #438c66
  3. #43458c
  4. #8c436a

モノクロマティック

  1. #252411
  2. #58572a
  3. #8c8a43
  4. #b6b466
  5. #cecd9a

シェード

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

  1. #8c8a43
  2. #7e7c3c
  3. #706e36
  4. #62612f
  5. #545328
  6. #464522
  7. #38371b
  8. #2a2914
  9. #1c1c0d
  10. #0e0e07
  11. #000000

ティント

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

  1. #8c8a43
  2. #989656
  3. #a3a169
  4. #afad7b
  5. #bab98e
  6. #c6c5a1
  7. #d1d0b4
  8. #dddcc7
  9. #e8e8d9
  10. #f4f3ec
  11. #ffffff

トーン

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

  1. #8c8a43
  2. #8b8949
  3. #8a884f
  4. #888755
  5. #87865b
  6. #868562
  7. #858468
  8. #84836e
  9. #828274
  10. #81817a
  11. #808080

読みやすい文字 3.6:1 AA ✕ AA Large ✓ AAA ✕ AAA Large ✕
読みやすい文字 5.83:1 AA ✓ AA Large ✓ AAA ✕ AAA Large ✓

1色覚（全色盲） #878787 男性の約0.003%
不完全1色覚 #898872 男性の約0.001%
1型2色覚（P型） #94853c 男性の約1.01%
2型2色覚（D型） #958847 男性の約1.27%
3型2色覚（T型） #95827a 男性の約0.0001%
1型3色覚（P型弱） #91873f 男性の約1.08%
2型3色覚（D型弱） #928945 男性の約4.63%
3型3色覚（T型弱） #918568 男性の約0.0002%
自分の画像でシミュレーション

この色の文字

この色の背景

この色の枠線

文字色
.text-8c8a43 {
  color: #8c8a43;
}
背景色
.bg-8c8a43 {
  background-color: #8c8a43;
  color: #000000;
}
枠線
.border-8c8a43 {
  border: 2px solid #8c8a43;
}
CSS変数
:root {
  --color-primary: #8c8a43;
  --color-primary-rgb: 140 138 67;
  --color-primary-hsl: 58 35% 41%;
}
グラデーション
.gradient-8c8a43 {
  background: linear-gradient(135deg, #8c8a43, #6a8c43);
}
色付きの影
.shadow-8c8a43 {
  box-shadow: 0 8px 24px rgb(140 138 67 / 0.35);
}

#808000 Olive ΔE 7.35 #8a9a5b Moss Green ΔE 7.37 #6b8e23 Olive Drab ΔE 9.67 #b5a642 Brass ΔE 11.30 #568203 Avocado ΔE 12.98 #87a96b Asparagus ΔE 13.14 #bdb76b Dark Khaki ΔE 14.16 #7375bc 反転色 #878787 グレースケール 

Olive
#8c8a43  rgb(140, 138, 67)  hsl(58, 35%, 41%)  Olive
#43458c  rgb(67, 69, 140)  hsl(238, 35%, 41%)  Dark Slate Blue
#438c8a  rgb(67, 140, 138)  hsl(178, 35%, 41%)  Dark Cyan
#8a438c  rgb(138, 67, 140)  hsl(298, 35%, 41%)  Deep Plum