ColorTool
ログイン
#853124

#853124 ≈ Burnt Umber

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

#853124は赤系の色です（明度：低い、彩度：中程度）。 RGBでは赤52.16%、緑19.22%、青14.12%で構成され、CMYK印刷ではシアン0%、マゼンタ63.16%、イエロー72.93%、ブラック47.84%を使います。 HSLでは色相角8.04°、彩度57.4%、明度33.14%です。 暖色で、エネルギー、情熱、緊急性を連想させることが多い色です。 デザインでは主に食品ブランドやレストラン、セールやキャンペーン、企業のブランディングに使われます。 この色の上に白の文字を置くとコントラスト比は8.53:1（WCAG AAA）です。 最も近い色名はBurnt Umber（#8a3324）で、ΔEは1.28です。

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

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

補色

  1. #853124
  2. #247885

分裂補色

  1. #853124
  2. #248562
  3. #244885

類似色

  1. #852448
  2. #853124
  3. #856224

トライアド

  1. #853124
  2. #248531
  3. #312485

テトラード

  1. #853124
  2. #788524
  3. #247885
  4. #312485

スクエア

  1. #853124
  2. #488524
  3. #247885
  4. #622485

モノクロマティック

  1. #100604
  2. #491b14
  3. #853124
  4. #c14734
  5. #d77a6b

シェード

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

  1. #853124
  2. #782c20
  3. #6a271d
  4. #5d2219
  5. #501d16
  6. #431912
  7. #35140e
  8. #280f0b
  9. #1b0a07
  10. #0d0504
  11. #000000

ティント

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

  1. #853124
  2. #91463a
  3. #9d5a50
  4. #aa6f66
  5. #b6837c
  6. #c29892
  7. #ceada7
  8. #dac1bd
  9. #e7d6d3
  10. #f3eae9
  11. #ffffff

トーン

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

  1. #853124
  2. #85392d
  3. #844136
  4. #844940
  5. #835149
  6. #835952
  7. #82605b
  8. #826864
  9. #81706e
  10. #817877
  11. #808080

読みやすい文字 8.53:1 AA ✓ AA Large ✓ AAA ✓ AAA Large ✓
読みやすい文字 2.46:1 AA ✕ AA Large ✕ AAA ✕ AAA Large ✕

1色覚（全色盲） #4c4c4c 男性の約0.003%
不完全1色覚 #684340 男性の約0.001%
1型2色覚（P型） #484122 男性の約1.01%
2型2色覚（D型） #5d5322 男性の約1.27%
3型2色覚（T型） #921e2e 男性の約0.0001%
1型3色覚（P型弱） #663b23 男性の約1.08%
2型3色覚（D型弱） #6f4823 男性の約4.63%
3型3色覚（T型弱） #8d272b 男性の約0.0002%
自分の画像でシミュレーション

この色の文字

この色の背景

この色の枠線

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

#8a3324 Burnt Umber ΔE 1.28 #882d17 Kobe ΔE 3.39 #801818 Falu Red ΔE 4.97 #954535 Chestnut ΔE 5.88 #92000a Sangria ΔE 6.60 #960018 Carmine ΔE 6.72 #a52a2a Brown ΔE 6.72 #7acedb 反転色 #4c4c4c グレースケール 

Burnt Umber
#853124  rgb(133, 49, 36)  hsl(8, 57%, 33%)  Burnt Umber
#247885  rgb(36, 120, 133)  hsl(188, 57%, 33%)  Teal Blue
#248531  rgb(36, 133, 49)  hsl(128, 57%, 33%)  Forest Green
#312485  rgb(49, 36, 133)  hsl(248, 57%, 33%)  Persian Indigo