ColorTool
ログイン
#613100

#613100 ≈ Sepia

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

#613100は茶系の色です（明度：とても低い、彩度：中程度）。 RGBでは赤38.04%、緑19.22%、青0%で構成され、CMYK印刷ではシアン0%、マゼンタ49.48%、イエロー100%、ブラック61.96%を使います。 HSLでは色相角30.31°、彩度100%、明度19.02%です。 暖色で、信頼性、温もり、素朴さを連想させることが多い色です。 デザインでは主にカフェやコーヒーブランド、素朴でナチュラルなスタイル、高級ブランドに使われます。 この色の上に白の文字を置くとコントラスト比は10.78:1（WCAG AAA）です。 最も近い色名はSepia（#704214）で、ΔEは5.35です。

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

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

補色

  1. #613100
  2. #003061

分裂補色

  1. #613100
  2. #006161
  3. #010061

類似色

  1. #610100
  2. #613100
  3. #616100

トライアド

  1. #613100
  2. #006131
  3. #310061

テトラード

  1. #613100
  2. #306100
  3. #003061
  4. #310061

スクエア

  1. #613100
  2. #006101
  3. #003061
  4. #610061

モノクロマティック

  1. #140a00
  2. #150a00
  3. #613100
  4. #ae5800
  5. #fa7e00

シェード

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

  1. #613100
  2. #572c00
  3. #4e2700
  4. #442200
  5. #3a1d00
  6. #311900
  7. #271400
  8. #1d0f00
  9. #130a00
  10. #0a0500
  11. #000000

ティント

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

  1. #613100
  2. #71461a
  3. #815a33
  4. #906f4d
  5. #a08366
  6. #b09880
  7. #c0ad99
  8. #d0c1b3
  9. #dfd6cc
  10. #efeae6
  11. #ffffff

トーン

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

  1. #613100
  2. #64390d
  3. #67411a
  4. #6a4926
  5. #6d5133
  6. #715940
  7. #74604d
  8. #77685a
  9. #7a7066
  10. #7d7873
  11. #808080

読みやすい文字 10.78:1 AA ✓ AA Large ✓ AAA ✓ AAA Large ✓
読みやすい文字 1.95:1 AA ✕ AA Large ✕ AAA ✕ AAA Large ✕

1色覚（全色盲） #3d3d3d 男性の約0.003%
不完全1色覚 #4e392f 男性の約0.001%
1型2色覚（P型） #403700 男性の約1.01%
2型2色覚（D型） #4b4200 男性の約1.27%
3型2色覚（T型） #6b2629 男性の約0.0001%
1型3色覚（P型弱） #4f3500 男性の約1.08%
2型3色覚（D型弱） #553c00 男性の約4.63%
3型3色覚（T型弱） #672b1e 男性の約0.0002%
自分の画像でシミュレーション

この色の文字

この色の背景

この色の枠線

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

#704214 Sepia ΔE 5.35 #80461b Russet ΔE 8.19 #8b4513 Saddle Brown ΔE 10.00 #6f4e37 Coffee ΔE 11.21 #882d17 Kobe ΔE 12.86 #592720 Caput Mortuum ΔE 13.58 #3d2b1f Bistre ΔE 13.63 #9eceff 反転色 #3d3d3d グレースケール 

Sepia
#613100  rgb(97, 49, 0)  hsl(30, 100%, 19%)  Sepia
#003061  rgb(0, 48, 97)  hsl(210, 100%, 19%)  Prussian Blue
#006131  rgb(0, 97, 49)  hsl(150, 100%, 19%)  Cadmium Green
#310061  rgb(49, 0, 97)  hsl(270, 100%, 19%)  Persian Indigo