ColorTool
ログイン
#845708

#845708 ≈ Golden Brown

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

#845708は茶系の色です（明度：低い、彩度：中程度）。 RGBでは赤51.76%、緑34.12%、青3.14%で構成され、CMYK印刷ではシアン0%、マゼンタ34.09%、イエロー93.94%、ブラック48.24%を使います。 HSLでは色相角38.23°、彩度88.57%、明度27.45%です。 暖色で、信頼性、温もり、素朴さを連想させることが多い色です。 デザインでは主にカフェやコーヒーブランド、素朴でナチュラルなスタイル、高級ブランドに使われます。 この色の上に白の文字を置くとコントラスト比は6.27:1（WCAG AA）です。 最も近い色名はGolden Brown（#996515）で、ΔEは6.05です。

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

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

補色

  1. #845708
  2. #083584

分裂補色

  1. #845708
  2. #087384
  3. #190884

類似色

  1. #841908
  2. #845708
  3. #738408

トライアド

  1. #845708
  2. #088457
  3. #570884

テトラード

  1. #845708
  2. #358408
  3. #083584
  4. #570884

スクエア

  1. #845708
  2. #088419
  3. #083584
  4. #840873

モノクロマティック

  1. #130d01
  2. #3c2704
  3. #845708
  4. #cc870c
  5. #f3ad32

シェード

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

  1. #845708
  2. #774e07
  3. #6a4606
  4. #5c3d06
  5. #4f3405
  6. #422c04
  7. #352303
  8. #281a02
  9. #1a1102
  10. #0d0901
  11. #000000

ティント

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

  1. #845708
  2. #906821
  3. #9d7939
  4. #a98952
  5. #b59a6b
  6. #c2ab84
  7. #cebc9c
  8. #dacdb5
  9. #e6ddce
  10. #f3eee6
  11. #ffffff

トーン

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

  1. #845708
  2. #845b14
  3. #835f20
  4. #83632c
  5. #826738
  6. #826c44
  7. #827050
  8. #81745c
  9. #817868
  10. #807c74
  11. #808080

読みやすい文字 6.27:1 AA ✓ AA Large ✓ AAA ✕ AAA Large ✓
読みやすい文字 3.35:1 AA ✕ AA Large ✓ AAA ✕ AAA Large ✕

1色覚（全色盲） #606060 男性の約0.003%
不完全1色覚 #705d4c 男性の約0.001%
1型2色覚（P型） #675a00 男性の約1.01%
2型2色覚（D型） #71650c 男性の約1.27%
3型2色覚（T型） #914b4a 男性の約0.0001%
1型3色覚（P型弱） #745900 男性の約1.08%
2型3色覚（D型弱） #795f0b 男性の約4.63%
3型3色覚（T型弱） #8c5039 男性の約0.0002%
自分の画像でシミュレーション

この色の文字

この色の背景

この色の枠線

文字色
.text-845708 {
  color: #845708;
}
背景色
.bg-845708 {
  background-color: #845708;
  color: #ffffff;
}
枠線
.border-845708 {
  border: 2px solid #845708;
}
CSS変数
:root {
  --color-primary: #845708;
  --color-primary-rgb: 132 87 8;
  --color-primary-hsl: 38 89% 27%;
}
グラデーション
.gradient-845708 {
  background: linear-gradient(135deg, #845708, #738408);
}
色付きの影
.shadow-845708 {
  box-shadow: 0 8px 24px rgb(132 87 8 / 0.35);
}

#996515 Golden Brown ΔE 6.05 #6c541e Field Drab ΔE 7.52 #704214 Sepia ΔE 9.33 #826644 Raw Umber ΔE 10.01 #80461b Russet ΔE 10.10 #8b4513 Saddle Brown ΔE 10.90 #b06500 Ginger ΔE 11.06 #7ba8f7 反転色 #606060 グレースケール 

Golden Brown
#845708  rgb(132, 87, 8)  hsl(38, 89%, 27%)  Golden Brown
#083584  rgb(8, 53, 132)  hsl(218, 89%, 27%)  Smalt
#088457  rgb(8, 132, 87)  hsl(158, 89%, 27%)  Sea Green
#570884  rgb(87, 8, 132)  hsl(278, 89%, 27%)  Indigo