ColorTool
ログイン
#974512

#974512 ≈ Saddle Brown

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

#974512は茶系の色です（明度：低い、彩度：高め）。 RGBでは赤59.22%、緑27.06%、青7.06%で構成され、CMYK印刷ではシアン0%、マゼンタ54.3%、イエロー88.08%、ブラック40.78%を使います。 HSLでは色相角23.01°、彩度78.7%、明度33.14%です。 暖色で、信頼性、温もり、素朴さを連想させることが多い色です。 デザインでは主にカフェやコーヒーブランド、素朴でナチュラルなスタイル、企業のブランディングに使われます。 この色の上に白の文字を置くとコントラスト比は6.61:1（WCAG AA）です。 最も近い色名はSaddle Brown（#8b4513）で、ΔEは2.87です。

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

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

補色

  1. #974512
  2. #126497

分裂補色

  1. #974512
  2. #129788
  3. #122197

類似色

  1. #971221
  2. #974512
  3. #978812

トライアド

  1. #974512
  2. #129745
  3. #451297

テトラード

  1. #974512
  2. #649712
  3. #126497
  4. #451297

スクエア

  1. #974512
  2. #219712
  3. #126497
  4. #881297

モノクロマティック

  1. #120802
  2. #53260a
  3. #974512
  4. #db641a
  5. #eb9057

シェード

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

  1. #974512
  2. #883e10
  3. #79370e
  4. #6a300d
  5. #5b290b
  6. #4c2309
  7. #3c1c07
  8. #2d1505
  9. #1e0e04
  10. #0f0702
  11. #000000

ティント

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

  1. #974512
  2. #a1582a
  3. #ac6a41
  4. #b67d59
  5. #c18f71
  6. #cba289
  7. #d5b5a0
  8. #e0c7b8
  9. #eadad0
  10. #f5ece7
  11. #ffffff

トーン

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

  1. #974512
  2. #954b1d
  3. #925128
  4. #905733
  5. #8e5d3e
  6. #8c6349
  7. #896854
  8. #876e5f
  9. #85746a
  10. #827a75
  11. #808080

読みやすい文字 6.61:1 AA ✓ AA Large ✓ AAA ✕ AAA Large ✓
読みやすい文字 3.18:1 AA ✕ AA Large ✓ AAA ✕ AAA Large ✕

1色覚（全色盲） #5d5d5d 男性の約0.003%
不完全1色覚 #78544a 男性の約0.001%
1型2色覚（P型） #5d5108 男性の約1.01%
2型2色覚（D型） #70640f 男性の約1.27%
3型2色覚（T型） #a6323b 男性の約0.0001%
1型3色覚（P型弱） #784d0c 男性の約1.08%
2型3色覚（D型弱） #825910 男性の約4.63%
3型3色覚（T型弱） #a03a30 男性の約0.0002%
自分の画像でシミュレーション

この色の文字

この色の背景

この色の枠線

文字色
.text-974512 {
  color: #974512;
}
背景色
.bg-974512 {
  background-color: #974512;
  color: #ffffff;
}
枠線
.border-974512 {
  border: 2px solid #974512;
}
CSS変数
:root {
  --color-primary: #974512;
  --color-primary-rgb: 151 69 18;
  --color-primary-hsl: 23 79% 33%;
}
グラデーション
.gradient-974512 {
  background: linear-gradient(135deg, #974512, #978812);
}
色付きの影
.shadow-974512 {
  box-shadow: 0 8px 24px rgb(151 69 18 / 0.35);
}

#8b4513 Saddle Brown ΔE 2.87 #a0522d Sienna ΔE 5.12 #80461b Russet ΔE 5.59 #b7410e Rust ΔE 7.04 #c04000 Mahogany ΔE 8.53 #882d17 Kobe ΔE 9.47 #954535 Chestnut ΔE 9.74 #68baed 反転色 #5d5d5d グレースケール 

Saddle Brown
#974512  rgb(151, 69, 18)  hsl(23, 79%, 33%)  Saddle Brown
#126497  rgb(18, 100, 151)  hsl(203, 79%, 33%)  Medium Persian Blue
#129745  rgb(18, 151, 69)  hsl(143, 79%, 33%)  Shamrock Green
#451297  rgb(69, 18, 151)  hsl(263, 79%, 33%)  Indigo