ColorTool
ログイン
#967200

#967200 ≈ Golden Brown

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

#967200は黄系の色です（明度：低い、彩度：高め）。 RGBでは赤58.82%、緑44.71%、青0%で構成され、CMYK印刷ではシアン0%、マゼンタ24%、イエロー100%、ブラック41.18%を使います。 HSLでは色相角45.6°、彩度100%、明度29.41%です。 暖色で、楽観、注意喚起、喜びを連想させることが多い色です。 デザインでは主に強調表示や警告、子ども向け商品、高級ブランドに使われます。 この色の上に黒の文字を置くとコントラスト比は4.7:1（WCAG AA）です。 最も近い色名はGolden Brown（#996515）で、ΔEは7.86です。

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

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

補色

  1. #967200
  2. #002496

分裂補色

  1. #967200
  2. #006f96
  3. #270096

類似色

  1. #962700
  2. #967200
  3. #6f9600

トライアド

  1. #967200
  2. #009672
  3. #720096

テトラード

  1. #967200
  2. #249600
  3. #002496
  4. #720096

スクエア

  1. #967200
  2. #009627
  3. #002496
  4. #96006f

モノクロマティック

  1. #141000
  2. #493800
  3. #967200
  4. #e2ac00
  5. #ffcd30

シェード

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

  1. #967200
  2. #876700
  3. #785b00
  4. #695000
  5. #5a4400
  6. #4b3900
  7. #3c2e00
  8. #2d2200
  9. #1e1700
  10. #0f0b00
  11. #000000

ティント

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

  1. #967200
  2. #a1801a
  3. #ab8e33
  4. #b69c4d
  5. #c0aa66
  6. #cbb980
  7. #d5c799
  8. #e0d5b3
  9. #eae3cc
  10. #f5f1e6
  11. #ffffff

トーン

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

  1. #967200
  2. #94730d
  3. #92751a
  4. #8f7626
  5. #8d7833
  6. #8b7940
  7. #897a4d
  8. #877c5a
  9. #847d66
  10. #827f73
  11. #808080

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

1色覚（全色盲） #777777 男性の約0.003%
不完全1色覚 #85755e 男性の約0.001%
1型2色覚（P型） #827200 男性の約1.01%
2型2色覚（D型） #8b7b0c 男性の約1.27%
3型2色覚（T型） #a46660 男性の約0.0001%
1型3色覚（P型弱） #8a7200 男性の約1.08%
2型3色覚（D型弱） #8f7807 男性の約4.63%
3型3色覚（T型弱） #9e6b4b 男性の約0.0002%
自分の画像でシミュレーション

この色の文字

この色の背景

この色の枠線

文字色
.text-967200 {
  color: #967200;
}
背景色
.bg-967200 {
  background-color: #967200;
  color: #000000;
}
枠線
.border-967200 {
  border: 2px solid #967200;
}
CSS変数
:root {
  --color-primary: #967200;
  --color-primary-rgb: 150 114 0;
  --color-primary-hsl: 46 100% 29%;
}
グラデーション
.gradient-967200 {
  background: linear-gradient(135deg, #967200, #6f9600);
}
色付きの影
.shadow-967200 {
  box-shadow: 0 8px 24px rgb(150 114 0 / 0.35);
}

#996515 Golden Brown ΔE 7.86 #b8860b Dark Goldenrod ΔE 9.19 #808000 Olive ΔE 11.79 #b06500 Ginger ΔE 12.11 #826644 Raw Umber ΔE 13.38 #b87333 Copper ΔE 13.69 #6c541e Field Drab ΔE 14.08 #698dff 反転色 #777777 グレースケール 

Golden Brown
#967200  rgb(150, 114, 0)  hsl(46, 100%, 29%)  Golden Brown
#002496  rgb(0, 36, 150)  hsl(226, 100%, 29%)  Imperial Blue
#009672  rgb(0, 150, 114)  hsl(166, 100%, 29%)  Shamrock Green
#720096  rgb(114, 0, 150)  hsl(286, 100%, 29%)  Purple