ColorTool
ログイン
#96840F

#96840f ≈ Olive

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

#96840fは黄系の色です（明度：低い、彩度：高め）。 RGBでは赤58.82%、緑51.76%、青5.88%で構成され、CMYK印刷ではシアン0%、マゼンタ12%、イエロー90%、ブラック41.18%を使います。 HSLでは色相角52°、彩度81.82%、明度32.35%です。 暖色で、楽観、注意喚起、喜びを連想させることが多い色です。 デザインでは主に強調表示や警告、子ども向け商品、企業のブランディングに使われます。 この色の上に黒の文字を置くとコントラスト比は5.6:1（WCAG AA）です。 最も近い色名はOlive（#808000）で、ΔEは6.06です。

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

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

補色

  1. #96840f
  2. #0f2196

分裂補色

  1. #96840f
  2. #0f6496
  3. #400f96

類似色

  1. #96400f
  2. #96840f
  3. #64960f

トライアド

  1. #96840f
  2. #0f9684
  3. #840f96

テトラード

  1. #96840f
  2. #21960f
  3. #0f2196
  4. #840f96

スクエア

  1. #96840f
  2. #0f9640
  3. #0f2196
  4. #960f64

モノクロマティック

  1. #131002
  2. #504708
  3. #96840f
  4. #dcc116
  5. #eed950

シェード

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

  1. #96840f
  2. #87770e
  3. #786a0c
  4. #695c0b
  5. #5a4f09
  6. #4b4208
  7. #3c3506
  8. #2d2805
  9. #1e1a03
  10. #0f0d02
  11. #000000

ティント

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

  1. #96840f
  2. #a19027
  3. #ab9d3f
  4. #b6a957
  5. #c0b56f
  6. #cbc287
  7. #d5ce9f
  8. #e0dab7
  9. #eae6cf
  10. #f5f3e7
  11. #ffffff

トーン

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

  1. #96840f
  2. #94841a
  3. #928326
  4. #8f8331
  5. #8d823c
  6. #8b8248
  7. #898253
  8. #87815e
  9. #848169
  10. #828075
  11. #808080

読みやすい文字 3.75:1 AA ✕ AA Large ✓ AAA ✕ AAA Large ✕
読みやすい文字 5.6:1 AA ✓ AA Large ✓ AAA ✕ AAA Large ✓

1色覚（全色盲） #848484 男性の約0.003%
不完全1色覚 #8b8469 男性の約0.001%
1型2色覚（P型） #928000 男性の約1.01%
2型2色覚（D型） #97871b 男性の約1.27%
3型2色覚（T型） #a37970 男性の約0.0001%
1型3色覚（P型弱） #948200 男性の約1.08%
2型3色覚（D型弱） #978617 男性の約4.63%
3型3色覚（T型弱） #9e7e59 男性の約0.0002%
自分の画像でシミュレーション

この色の文字

この色の背景

この色の枠線

文字色
.text-96840f {
  color: #96840f;
}
背景色
.bg-96840f {
  background-color: #96840f;
  color: #000000;
}
枠線
.border-96840f {
  border: 2px solid #96840f;
}
CSS変数
:root {
  --color-primary: #96840f;
  --color-primary-rgb: 150 132 15;
  --color-primary-hsl: 52 82% 32%;
}
グラデーション
.gradient-96840f {
  background: linear-gradient(135deg, #96840f, #64960f);
}
色付きの影
.shadow-96840f {
  box-shadow: 0 8px 24px rgb(150 132 15 / 0.35);
}

#808000 Olive ΔE 6.06 #b8860b Dark Goldenrod ΔE 10.06 #b5a642 Brass ΔE 11.05 #6b8e23 Olive Drab ΔE 14.48 #8a9a5b Moss Green ΔE 14.57 #c5b358 Vegas Gold ΔE 15.01 #d4af37 Metallic Gold ΔE 15.38 #697bf0 反転色 #848484 グレースケール 

Olive
#96840f  rgb(150, 132, 15)  hsl(52, 82%, 32%)  Olive
#0f2196  rgb(15, 33, 150)  hsl(232, 82%, 32%)  Imperial Blue
#0f9684  rgb(15, 150, 132)  hsl(172, 82%, 32%)  Persian Green
#840f96  rgb(132, 15, 150)  hsl(292, 82%, 32%)  Dark Magenta