ColorTool
ログイン
#705335

#705335 ≈ Coffee

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

#705335は茶系の色です（明度：低い、彩度：低め）。 RGBでは赤43.92%、緑32.55%、青20.78%で構成され、CMYK印刷ではシアン0%、マゼンタ25.89%、イエロー52.68%、ブラック56.08%を使います。 HSLでは色相角30.51°、彩度35.76%、明度32.35%です。 暖色で、信頼性、温もり、素朴さを連想させることが多い色です。 デザインでは主にカフェやコーヒーブランド、素朴でナチュラルなスタイル、企業のブランディングに使われます。 この色の上に白の文字を置くとコントラスト比は7.05:1（WCAG AAA）です。 最も近い色名はCoffee（#6f4e37）で、ΔEは3.89です。

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

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

補色

  1. #705335
  2. #355270

分裂補色

  1. #705335
  2. #356f70
  3. #353570

類似色

  1. #703535
  2. #705335
  3. #6f7035

トライアド

  1. #705335
  2. #357053
  3. #533570

テトラード

  1. #705335
  2. #527035
  3. #355270
  4. #533570

スクエア

  1. #705335
  2. #357035
  3. #355270
  4. #70356f

モノクロマティック

  1. #0e0a07
  2. #3c2d1c
  3. #705335
  4. #a4794e
  5. #c1a07d

シェード

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

  1. #705335
  2. #654b30
  3. #5a422a
  4. #4e3a25
  5. #433220
  6. #382a1b
  7. #2d2115
  8. #221910
  9. #16110b
  10. #0b0805
  11. #000000

ティント

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

  1. #705335
  2. #7e6449
  3. #8d755d
  4. #9b8772
  5. #a99886
  6. #b8a99a
  7. #c6baae
  8. #d4cbc2
  9. #e2ddd7
  10. #f1eeeb
  11. #ffffff

トーン

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

  1. #705335
  2. #72583d
  3. #735c44
  4. #75614c
  5. #766553
  6. #786a5b
  7. #7a6e62
  8. #7b736a
  9. #7d7771
  10. #7e7c79
  11. #808080

読みやすい文字 7.05:1 AA ✓ AA Large ✓ AAA ✓ AAA Large ✓
読みやすい文字 2.98:1 AA ✕ AA Large ✕ AAA ✕ AAA Large ✕

1色覚（全色盲） #595959 男性の約0.003%
不完全1色覚 #63564d 男性の約0.001%
1型2色覚（P型） #5d5533 男性の約1.01%
2型2色覚（D型） #635b36 男性の約1.27%
3型2色覚（T型） #794c4c 男性の約0.0001%
1型3色覚（P型弱） #655434 男性の約1.08%
2型3色覚（D型弱） #695835 男性の約4.63%
3型3色覚（T型弱） #754f44 男性の約0.0002%
自分の画像でシミュレーション

この色の文字

この色の背景

この色の枠線

文字色
.text-705335 {
  color: #705335;
}
背景色
.bg-705335 {
  background-color: #705335;
  color: #ffffff;
}
枠線
.border-705335 {
  border: 2px solid #705335;
}
CSS変数
:root {
  --color-primary: #705335;
  --color-primary-rgb: 112 83 53;
  --color-primary-hsl: 31 36% 32%;
}
グラデーション
.gradient-705335 {
  background: linear-gradient(135deg, #705335, #6f7035);
}
色付きの影
.shadow-705335 {
  box-shadow: 0 8px 24px rgb(112 83 53 / 0.35);
}

#6f4e37 Coffee ΔE 3.89 #826644 Raw Umber ΔE 6.99 #6c541e Field Drab ΔE 7.47 #704214 Sepia ΔE 7.66 #635147 Umber ΔE 8.32 #80461b Russet ΔE 8.81 #8b4513 Saddle Brown ΔE 11.23 #8facca 反転色 #595959 グレースケール 

Coffee
#705335  rgb(112, 83, 53)  hsl(31, 36%, 32%)  Coffee
#355270  rgb(53, 82, 112)  hsl(211, 36%, 32%)  Yale Blue
#357053  rgb(53, 112, 83)  hsl(151, 36%, 32%)  Tropical Rain Forest
#533570  rgb(83, 53, 112)  hsl(271, 36%, 32%)  Eminence