ColorTool
ログイン
#311211

#311211 ≈ Caput Mortuum

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

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

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

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

補色

  1. #311211
  2. #113031

分裂補色

  1. #311211
  2. #113122
  3. #112031

類似色

  1. #311120
  2. #311211
  3. #312211

トライアド

  1. #311211
  2. #113112
  3. #121131

テトラード

  1. #311211
  2. #303111
  3. #113031
  4. #121131

スクエア

  1. #311211
  2. #203111
  3. #113031
  4. #221131

モノクロマティック

  1. #0f0605
  2. #0f0605
  3. #311211
  4. #6a2725
  5. #a33c38

シェード

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

  1. #311211
  2. #2c100f
  3. #270e0e
  4. #220d0c
  5. #1d0b0a
  6. #190909
  7. #140707
  8. #0f0505
  9. #0a0403
  10. #050202
  11. #000000

ティント

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

  1. #311211
  2. #462a29
  3. #5a4141
  4. #6f5958
  5. #837170
  6. #988988
  7. #ada0a0
  8. #c1b8b8
  9. #d6d0cf
  10. #eae7e7
  11. #ffffff

トーン

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

  1. #311211
  2. #391d1c
  3. #412827
  4. #493332
  5. #513e3d
  6. #594949
  7. #605454
  8. #685f5f
  9. #706a6a
  10. #787575
  11. #808080

読みやすい文字 17.14:1 AA ✓ AA Large ✓ AAA ✓ AAA Large ✓
読みやすい文字 1.23:1 AA ✕ AA Large ✕ AAA ✕ AAA Large ✕

1色覚（全色盲） #1b1b1b 男性の約0.003%
不完全1色覚 #261818 男性の約0.001%
1型2色覚（P型） #191711 男性の約1.01%
2型2色覚（D型） #211e10 男性の約1.27%
3型2色覚（T型） #360d12 男性の約0.0001%
1型3色覚（P型弱） #251511 男性の約1.08%
2型3色覚（D型弱） #281a11 男性の約4.63%
3型3色覚（T型弱） #340f12 男性の約0.0002%
自分の画像でシミュレーション

この色の文字

この色の背景

この色の枠線

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

#592720 Caput Mortuum ΔE 10.06 #1a1110 Licorice ΔE 11.14 #3d2b1f Bistre ΔE 11.28 #65000b Rosewood ΔE 13.92 #100c08 Smoky Black ΔE 15.18 #722f37 Wine ΔE 15.32 #483c32 Taupe ΔE 16.29 #ceedee 反転色 #1b1b1b グレースケール 

Caput Mortuum
#311211  rgb(49, 18, 17)  hsl(2, 48%, 13%)  Caput Mortuum
#113031  rgb(17, 48, 49)  hsl(182, 48%, 13%)  Gunmetal
#113112  rgb(17, 49, 18)  hsl(122, 48%, 13%)  Phthalo Green
#121131  rgb(18, 17, 49)  hsl(242, 48%, 13%)  Oxford Blue