ColorTool
ログイン
#706355

#706355 ≈ Umber

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

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

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

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

補色

  1. #706355
  2. #556270

分裂補色

  1. #706355
  2. #557070
  3. #565570

類似色

  1. #705655
  2. #706355
  3. #707055

トライアド

  1. #706355
  2. #557063
  3. #635570

テトラード

  1. #706355
  2. #627055
  3. #556270
  4. #635570

スクエア

  1. #706355
  2. #557056
  3. #556270
  4. #705570

モノクロマティック

  1. #191613
  2. #453d34
  3. #706355
  4. #998979
  5. #baafa4

シェード

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

  1. #706355
  2. #65594d
  3. #5a4f44
  4. #4e453c
  5. #433b33
  6. #38322b
  7. #2d2822
  8. #221e1a
  9. #161411
  10. #0b0a09
  11. #000000

ティント

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

  1. #706355
  2. #7e7366
  3. #8d8277
  4. #9b9288
  5. #a9a199
  6. #b8b1aa
  7. #c6c1bb
  8. #d4d0cc
  9. #e2e0dd
  10. #f1efee
  11. #ffffff

トーン

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

  1. #706355
  2. #726659
  3. #73695e
  4. #756c62
  5. #766f66
  6. #78726b
  7. #7a746f
  8. #7b7773
  9. #7d7a77
  10. #7e7d7c
  11. #808080

読みやすい文字 5.83:1 AA ✓ AA Large ✓ AAA ✕ AAA Large ✓
読みやすい文字 3.6:1 AA ✕ AA Large ✓ AAA ✕ AAA Large ✕

1色覚（全色盲） #656565 男性の約0.003%
不完全1色覚 #6a645f 男性の約0.001%
1型2色覚（P型） #686354 男性の約1.01%
2型2色覚（D型） #6b6655 男性の約1.27%
3型2色覚（T型） #75605f 男性の約0.0001%
1型3色覚（P型弱） #6b6354 男性の約1.08%
2型3色覚（D型弱） #6d6555 男性の約4.63%
3型3色覚（T型弱） #73615b 男性の約0.0002%
自分の画像でシミュレーション

この色の文字

この色の背景

この色の枠線

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

#635147 Umber ΔE 7.23 #826644 Raw Umber ΔE 8.38 #696969 Dim Gray ΔE 8.74 #696969 Dim Grey ΔE 8.74 #645452 Wenge ΔE 8.83 #555555 Davy's Gray ΔE 10.38 #6f4e37 Coffee ΔE 10.52 #8f9caa 反転色 #656565 グレースケール 

Umber
#706355  rgb(112, 99, 85)  hsl(31, 14%, 39%)  Umber
#556270  rgb(85, 98, 112)  hsl(211, 14%, 39%)  Dim Gray
#557063  rgb(85, 112, 99)  hsl(151, 14%, 39%)  Feldgrau
#635570  rgb(99, 85, 112)  hsl(271, 14%, 39%)  Old Lavender