ColorTool
ログイン
#735F4E

#735f4e ≈ Umber

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

#735f4eは茶系の色です（明度：低い、彩度：低め）。 RGBでは赤45.1%、緑37.25%、青30.59%で構成され、CMYK印刷ではシアン0%、マゼンタ17.39%、イエロー32.17%、ブラック54.9%を使います。 HSLでは色相角27.57°、彩度19.17%、明度37.84%です。 暖色で、信頼性、温もり、素朴さを連想させることが多い色です。 デザインでは主にカフェやコーヒーブランド、素朴でナチュラルなスタイル、ブランドのアクセントに使われます。 この色の上に白の文字を置くとコントラスト比は6.04:1（WCAG AA）です。 最も近い色名はUmber（#635147）で、ΔEは5.98です。

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

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

補色

  1. #735f4e
  2. #4e6273

分裂補色

  1. #735f4e
  2. #4e7371
  3. #4e4f73

類似色

  1. #734e4f
  2. #735f4e
  3. #73714e

トライアド

  1. #735f4e
  2. #4e735f
  3. #5f4e73

テトラード

  1. #735f4e
  2. #62734e
  3. #4e6273
  4. #5f4e73

スクエア

  1. #735f4e
  2. #4f734e
  3. #4e6273
  4. #714e73

モノクロマティック

  1. #181410
  2. #45392f
  3. #735f4e
  4. #9e8570
  5. #bdac9d

シェード

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

  1. #735f4e
  2. #685646
  3. #5c4c3e
  4. #514337
  5. #45392f
  6. #3a3027
  7. #2e261f
  8. #231d17
  9. #171310
  10. #0c0a08
  11. #000000

ティント

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

  1. #735f4e
  2. #816f60
  3. #8f7f71
  4. #9d8f83
  5. #ab9f95
  6. #b9afa7
  7. #c7bfb8
  8. #d5cfca
  9. #e3dfdc
  10. #f1efed
  11. #ffffff

トーン

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

  1. #735f4e
  2. #746253
  3. #766658
  4. #77695d
  5. #786c62
  6. #7a7067
  7. #7b736c
  8. #7c7671
  9. #7d7976
  10. #7f7d7b
  11. #808080

読みやすい文字 6.04:1 AA ✓ AA Large ✓ AAA ✕ AAA Large ✓
読みやすい文字 3.48:1 AA ✕ AA Large ✓ AAA ✕ AAA Large ✕

1色覚（全色盲） #636363 男性の約0.003%
不完全1色覚 #6a615b 男性の約0.001%
1型2色覚（P型） #65604d 男性の約1.01%
2型2色覚（D型） #6a644e 男性の約1.27%
3型2色覚（T型） #795b5a 男性の約0.0001%
1型3色覚（P型弱） #6b604d 男性の約1.08%
2型3色覚（D型弱） #6e624e 男性の約4.63%
3型3色覚（T型弱） #775d56 男性の約0.0002%
自分の画像でシミュレーション

この色の文字

この色の背景

この色の枠線

文字色
.text-735f4e {
  color: #735f4e;
}
背景色
.bg-735f4e {
  background-color: #735f4e;
  color: #ffffff;
}
枠線
.border-735f4e {
  border: 2px solid #735f4e;
}
CSS変数
:root {
  --color-primary: #735f4e;
  --color-primary-rgb: 115 95 78;
  --color-primary-hsl: 28 19% 38%;
}
グラデーション
.gradient-735f4e {
  background: linear-gradient(135deg, #735f4e, #73714e);
}
色付きの影
.shadow-735f4e {
  box-shadow: 0 8px 24px rgb(115 95 78 / 0.35);
}

#635147 Umber ΔE 5.98 #826644 Raw Umber ΔE 6.79 #6f4e37 Coffee ΔE 7.37 #645452 Wenge ΔE 8.54 #674c47 Liver ΔE 9.81 #696969 Dim Gray ΔE 11.49 #696969 Dim Grey ΔE 11.49 #8ca0b1 反転色 #636363 グレースケール 

Umber
#735f4e  rgb(115, 95, 78)  hsl(28, 19%, 38%)  Umber
#4e6273  rgb(78, 98, 115)  hsl(208, 19%, 38%)  Queen Blue
#4e735f  rgb(78, 115, 95)  hsl(148, 19%, 38%)  Viridian
#5f4e73  rgb(95, 78, 115)  hsl(268, 19%, 38%)  Eggplant