ColorTool
ログイン
#320001

#320001 ≈ Caput Mortuum

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

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

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

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

補色

  1. #320001
  2. #003231

分裂補色

  1. #320001
  2. #003218
  3. #001a32

類似色

  1. #32001a
  2. #320001
  3. #321800

トライアド

  1. #320001
  2. #013200
  3. #000132

テトラード

  1. #320001
  2. #323100
  3. #003231
  4. #000132

スクエア

  1. #320001
  2. #1a3200
  3. #003231
  4. #180032

モノクロマティック

  1. #140000
  2. #140000
  3. #320001
  4. #7e0003
  5. #cb0004

シェード

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

  1. #320001
  2. #2d0001
  3. #280001
  4. #230001
  5. #1e0001
  6. #190001
  7. #140000
  8. #0f0000
  9. #0a0000
  10. #050000
  11. #000000

ティント

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

  1. #320001
  2. #471a1a
  3. #5b3334
  4. #704d4d
  5. #846667
  6. #998080
  7. #ad9999
  8. #c2b3b3
  9. #d6cccc
  10. #ebe6e6
  11. #ffffff

トーン

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

  1. #320001
  2. #3a0d0e
  3. #421a1a
  4. #492627
  5. #513334
  6. #594041
  7. #614d4d
  8. #695a5a
  9. #706667
  10. #787373
  11. #808080

読みやすい文字 18.48:1 AA ✓ AA Large ✓ AAA ✓ AAA Large ✓
読みやすい文字 1.14:1 AA ✕ AA Large ✕ AAA ✕ AAA Large ✕

1色覚（全色盲） #141414 男性の約0.003%
不完全1色覚 #230d0d 男性の約0.001%
1型2色覚（P型） #0f0c01 男性の約1.01%
2型2色覚（D型） #1c1800 男性の約1.27%
3型2色覚（T型） #380001 男性の約0.0001%
1型3色覚（P型弱） #220701 男性の約1.08%
2型3色覚（D型弱） #261000 男性の約4.63%
3型3色覚（T型弱） #360001 男性の約0.0002%
自分の画像でシミュレーション

この色の文字

この色の背景

この色の枠線

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

#592720 Caput Mortuum ΔE 11.80 #65000b Rosewood ΔE 12.45 #66023c Tyrian Purple ΔE 15.54 #1a1110 Licorice ΔE 15.63 #722f37 Wine ΔE 15.74 #800020 Burgundy ΔE 16.30 #7f1734 Claret ΔE 16.60 #cdfffe 反転色 #141414 グレースケール 

Caput Mortuum
#320001  rgb(50, 0, 1)  hsl(359, 100%, 10%)  Caput Mortuum
#003231  rgb(0, 50, 49)  hsl(179, 100%, 10%)  Phthalo Green
#013200  rgb(1, 50, 0)  hsl(119, 100%, 10%)  British Racing Green
#000132  rgb(0, 1, 50)  hsl(239, 100%, 10%)  Oxford Blue