ColorTool
ログイン
#501409

#501409 ≈ Caput Mortuum

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

#501409は赤系の色です（明度：とても低い、彩度：中程度）。 RGBでは赤31.37%、緑7.84%、青3.53%で構成され、CMYK印刷ではシアン0%、マゼンタ75%、イエロー88.75%、ブラック68.63%を使います。 HSLでは色相角9.3°、彩度79.78%、明度17.45%です。 暖色で、エネルギー、情熱、緊急性を連想させることが多い色です。 デザインでは主に食品ブランドやレストラン、セールやキャンペーン、高級ブランドに使われます。 この色の上に白の文字を置くとコントラスト比は14.53:1（WCAG AAA）です。 最も近い色名はCaput Mortuum（#592720）で、ΔEは5.38です。

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

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

補色

  1. #501409
  2. #094550

分裂補色

  1. #501409
  2. #095038
  3. #092150

類似色

  1. #500921
  2. #501409
  3. #503809

トライアド

  1. #501409
  2. #095014
  3. #140950

テトラード

  1. #501409
  2. #455009
  3. #094550
  4. #140950

スクエア

  1. #501409
  2. #215009
  3. #094550
  4. #380950

モノクロマティック

  1. #120502
  2. #120502
  3. #501409
  4. #952511
  5. #da3618

シェード

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

  1. #501409
  2. #481208
  3. #401007
  4. #380e06
  5. #300c05
  6. #280a05
  7. #200804
  8. #180603
  9. #100402
  10. #080201
  11. #000000

ティント

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

  1. #501409
  2. #622c22
  3. #73433a
  4. #855b53
  5. #96726b
  6. #a88a84
  7. #b9a19d
  8. #cbb9b5
  9. #dcd0ce
  10. #eee8e6
  11. #ffffff

トーン

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

  1. #501409
  2. #551f15
  3. #5a2a21
  4. #5e342d
  5. #633f39
  6. #684a45
  7. #6d5550
  8. #72605c
  9. #766a68
  10. #7b7574
  11. #808080

読みやすい文字 14.53:1 AA ✓ AA Large ✓ AAA ✓ AAA Large ✓
読みやすい文字 1.45:1 AA ✕ AA Large ✕ AAA ✕ AAA Large ✕

1色覚（全色盲） #292929 男性の約0.003%
不完全1色覚 #3c2220 男性の約0.001%
1型2色覚（P型） #262107 男性の約1.01%
2型2色覚（D型） #342e07 男性の約1.27%
3型2色覚（T型） #590212 男性の約0.0001%
1型3色覚（P型弱） #3b1c08 男性の約1.08%
2型3色覚（D型弱） #412608 男性の約4.63%
3型3色覚（T型弱） #550a0f 男性の約0.0002%
自分の画像でシミュレーション

この色の文字

この色の背景

この色の枠線

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

#592720 Caput Mortuum ΔE 5.38 #65000b Rosewood ΔE 5.90 #801818 Falu Red ΔE 9.96 #800000 Maroon ΔE 10.43 #800020 Burgundy ΔE 11.50 #722f37 Wine ΔE 12.24 #8b0000 Dark Red ΔE 12.47 #afebf6 反転色 #292929 グレースケール 

Caput Mortuum
#501409  rgb(80, 20, 9)  hsl(9, 80%, 17%)  Caput Mortuum
#094550  rgb(9, 69, 80)  hsl(189, 80%, 17%)  Midnight Green
#095014  rgb(9, 80, 20)  hsl(129, 80%, 17%)  Lincoln Green
#140950  rgb(20, 9, 80)  hsl(249, 80%, 17%)  Midnight Blue