ColorTool
ログイン
#532016

#532016 ≈ Caput Mortuum

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

#532016は赤系の色です（明度：低い、彩度：低め）。 RGBでは赤32.55%、緑12.55%、青8.63%で構成され、CMYK印刷ではシアン0%、マゼンタ61.45%、イエロー73.49%、ブラック67.45%を使います。 HSLでは色相角9.84°、彩度58.1%、明度20.59%です。 暖色で、エネルギー、情熱、緊急性を連想させることが多い色です。 デザインでは主に食品ブランドやレストラン、セールやキャンペーン、高級ブランドに使われます。 この色の上に白の文字を置くとコントラスト比は13.24:1（WCAG AAA）です。 最も近い色名はCaput Mortuum（#592720）で、ΔEは2.65です。

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

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

補色

  1. #532016
  2. #164953

分裂補色

  1. #532016
  2. #16533f
  3. #162a53

類似色

  1. #53162a
  2. #532016
  3. #533f16

トライアド

  1. #532016
  2. #165320
  3. #201653

テトラード

  1. #532016
  2. #495316
  3. #164953
  4. #201653

スクエア

  1. #532016
  2. #2a5316
  3. #164953
  4. #3f1653

モノクロマティック

  1. #100604
  2. #170906
  3. #532016
  4. #8f3726
  5. #ca5038

シェード

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

  1. #532016
  2. #4b1d14
  3. #421a12
  4. #3a160f
  5. #32130d
  6. #2a100b
  7. #210d09
  8. #190a07
  9. #110604
  10. #080302
  11. #000000

ティント

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

  1. #532016
  2. #64362d
  3. #754d45
  4. #87635c
  5. #987973
  6. #a9908b
  7. #baa6a2
  8. #cbbcb9
  9. #ddd2d0
  10. #eee9e8
  11. #ffffff

トーン

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

  1. #532016
  2. #582a21
  3. #5c332b
  4. #613d36
  5. #654640
  6. #6a504b
  7. #6e5a56
  8. #736360
  9. #776d6b
  10. #7c7675
  11. #808080

読みやすい文字 13.24:1 AA ✓ AA Large ✓ AAA ✓ AAA Large ✓
読みやすい文字 1.59:1 AA ✕ AA Large ✕ AAA ✕ AAA Large ✕

1色覚（全色盲） #303030 男性の約0.003%
不完全1色覚 #412a28 男性の約0.001%
1型2色覚（P型） #2d2915 男性の約1.01%
2型2色覚（D型） #3a3415 男性の約1.27%
3型2色覚（T型） #5c161e 男性の約0.0001%
1型3色覚（P型弱） #402615 男性の約1.08%
2型3色覚（D型弱） #452d15 男性の約4.63%
3型3色覚（T型弱） #581a1b 男性の約0.0002%
自分の画像でシミュレーション

この色の文字

この色の背景

この色の枠線

文字色
.text-532016 {
  color: #532016;
}
背景色
.bg-532016 {
  background-color: #532016;
  color: #ffffff;
}
枠線
.border-532016 {
  border: 2px solid #532016;
}
CSS変数
:root {
  --color-primary: #532016;
  --color-primary-rgb: 83 32 22;
  --color-primary-hsl: 10 58% 21%;
}
グラデーション
.gradient-532016 {
  background: linear-gradient(135deg, #532016, #533f16);
}
色付きの影
.shadow-532016 {
  box-shadow: 0 8px 24px rgb(83 32 22 / 0.35);
}

#592720 Caput Mortuum ΔE 2.65 #65000b Rosewood ΔE 7.53 #801818 Falu Red ΔE 10.03 #722f37 Wine ΔE 10.56 #800000 Maroon ΔE 11.25 #800020 Burgundy ΔE 11.72 #3d2b1f Bistre ΔE 11.78 #acdfe9 反転色 #303030 グレースケール 

Caput Mortuum
#532016  rgb(83, 32, 22)  hsl(10, 58%, 21%)  Caput Mortuum
#164953  rgb(22, 73, 83)  hsl(190, 58%, 21%)  Midnight Green
#165320  rgb(22, 83, 32)  hsl(130, 58%, 21%)  Lincoln Green
#201653  rgb(32, 22, 83)  hsl(250, 58%, 21%)  Midnight Blue