ColorTool
ログイン
#693411

#693411 ≈ Sepia

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

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

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

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

補色

  1. #693411
  2. #114669

分裂補色

  1. #693411
  2. #116960
  3. #111a69

類似色

  1. #69111a
  2. #693411
  3. #696011

トライアド

  1. #693411
  2. #116934
  3. #341169

テトラード

  1. #693411
  2. #466911
  3. #114669
  4. #341169

スクエア

  1. #693411
  2. #1a6911
  3. #114669
  4. #601169

モノクロマティック

  1. #120903
  2. #271306
  3. #693411
  4. #ab551c
  5. #de7835

シェード

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

  1. #693411
  2. #5f2f0f
  3. #542a0e
  4. #4a240c
  5. #3f1f0a
  6. #351a09
  7. #2a1507
  8. #201005
  9. #150a03
  10. #0b0502
  11. #000000

ティント

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

  1. #693411
  2. #784829
  3. #875d41
  4. #967158
  5. #a58570
  6. #b49a88
  7. #c3aea0
  8. #d2c2b8
  9. #e1d6cf
  10. #f0ebe7
  11. #ffffff

トーン

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

  1. #693411
  2. #6b3c1c
  3. #6e4327
  4. #704b32
  5. #72523d
  6. #755a49
  7. #776254
  8. #79695f
  9. #7b716a
  10. #7e7875
  11. #808080

読みやすい文字 10:1 AA ✓ AA Large ✓ AAA ✓ AAA Large ✓
読みやすい文字 2.1:1 AA ✕ AA Large ✕ AAA ✕ AAA Large ✕

1色覚（全色盲） #424242 男性の約0.003%
不完全1色覚 #543d35 男性の約0.001%
1型2色覚（P型） #433b0c 男性の約1.01%
2型2色覚（D型） #504710 男性の約1.27%
3型2色覚（T型） #74292d 男性の約0.0001%
1型3色覚（P型弱） #55380e 男性の約1.08%
2型3色覚（D型弱） #5b4010 男性の約4.63%
3型3色覚（T型弱） #702d24 男性の約0.0002%
自分の画像でシミュレーション

この色の文字

この色の背景

この色の枠線

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

#704214 Sepia ΔE 5.70 #80461b Russet ΔE 6.59 #8b4513 Saddle Brown ΔE 8.39 #882d17 Kobe ΔE 9.26 #6f4e37 Coffee ΔE 9.51 #8a3324 Burnt Umber ΔE 10.64 #592720 Caput Mortuum ΔE 10.79 #96cbee 反転色 #424242 グレースケール 

Sepia
#693411  rgb(105, 52, 17)  hsl(24, 72%, 24%)  Sepia
#114669  rgb(17, 70, 105)  hsl(204, 72%, 24%)  Yale Blue
#116934  rgb(17, 105, 52)  hsl(144, 72%, 24%)  Cadmium Green
#341169  rgb(52, 17, 105)  hsl(264, 72%, 24%)  Persian Indigo