ColorTool
ログイン
#856C2A

#856c2a ≈ Raw Umber

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

#856c2aは茶系の色です（明度：低い、彩度：中程度）。 RGBでは赤52.16%、緑42.35%、青16.47%で構成され、CMYK印刷ではシアン0%、マゼンタ18.8%、イエロー68.42%、ブラック47.84%を使います。 HSLでは色相角43.52°、彩度52%、明度34.31%です。 暖色で、信頼性、温もり、素朴さを連想させることが多い色です。 デザインでは主にカフェやコーヒーブランド、素朴でナチュラルなスタイル、企業のブランディングに使われます。 この色の上に白の文字を置くとコントラスト比は5.03:1（WCAG AA）です。 最も近い色名はRaw Umber（#826644）で、ΔEは8.41です。

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

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

補色

  1. #856c2a
  2. #2a4385

分裂補色

  1. #856c2a
  2. #2a7085
  3. #3e2a85

類似色

  1. #853e2a
  2. #856c2a
  3. #70852a

トライアド

  1. #856c2a
  2. #2a856c
  3. #6c2a85

テトラード

  1. #856c2a
  2. #43852a
  3. #2a4385
  4. #6c2a85

スクエア

  1. #856c2a
  2. #2a853e
  3. #2a4385
  4. #852a70

モノクロマティック

  1. #110e05
  2. #4b3d18
  3. #856c2a
  4. #bf9b3c
  5. #d3b975

シェード

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

  1. #856c2a
  2. #786126
  3. #6a5622
  4. #5d4c1d
  5. #504119
  6. #433615
  7. #352b11
  8. #28200d
  9. #1b1608
  10. #0d0b04
  11. #000000

ティント

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

  1. #856c2a
  2. #917b3f
  3. #9d8955
  4. #aa986a
  5. #b6a77f
  6. #c2b695
  7. #cec4aa
  8. #dad3bf
  9. #e7e2d4
  10. #f3f0ea
  11. #ffffff

トーン

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

  1. #856c2a
  2. #856e33
  3. #84703b
  4. #847244
  5. #83744c
  6. #837655
  7. #82785e
  8. #827a66
  9. #817c6f
  10. #817e77
  11. #808080

読みやすい文字 5.03:1 AA ✓ AA Large ✓ AAA ✕ AAA Large ✓
読みやすい文字 4.18:1 AA ✕ AA Large ✓ AAA ✕ AAA Large ✕

1色覚（全色盲） #6f6f6f 男性の約0.003%
不完全1色覚 #786e5b 男性の約0.001%
1型2色覚（P型） #786b22 男性の約1.01%
2型2色覚（D型） #7e722d 男性の約1.27%
3型2色覚（T型） #90635e 男性の約0.0001%
1型3色覚（P型弱） #7e6b26 男性の約1.08%
2型3色覚（D型弱） #81702c 男性の約4.63%
3型3色覚（T型弱） #8c674e 男性の約0.0002%
自分の画像でシミュレーション

この色の文字

この色の背景

この色の枠線

文字色
.text-856c2a {
  color: #856c2a;
}
背景色
.bg-856c2a {
  background-color: #856c2a;
  color: #ffffff;
}
枠線
.border-856c2a {
  border: 2px solid #856c2a;
}
CSS変数
:root {
  --color-primary: #856c2a;
  --color-primary-rgb: 133 108 42;
  --color-primary-hsl: 44 52% 34%;
}
グラデーション
.gradient-856c2a {
  background: linear-gradient(135deg, #856c2a, #70852a);
}
色付きの影
.shadow-856c2a {
  box-shadow: 0 8px 24px rgb(133 108 42 / 0.35);
}

#826644 Raw Umber ΔE 8.41 #996515 Golden Brown ΔE 8.48 #6c541e Field Drab ΔE 9.07 #808000 Olive ΔE 11.84 #b06500 Ginger ΔE 14.22 #b8860b Dark Goldenrod ΔE 14.52 #a67b5b Cafe au Lait ΔE 14.67 #7a93d5 反転色 #6f6f6f グレースケール 

Raw Umber
#856c2a  rgb(133, 108, 42)  hsl(44, 52%, 34%)  Raw Umber
#2a4385  rgb(42, 67, 133)  hsl(224, 52%, 34%)  Yale Blue
#2a856c  rgb(42, 133, 108)  hsl(164, 52%, 34%)  Viridian
#6c2a85  rgb(108, 42, 133)  hsl(284, 52%, 34%)  Eminence