ColorTool
ログイン
#BC2D1D

#bc2d1d ≈ Venetian Red

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

#bc2d1dは赤系の色です（明度：中程度、彩度：高め）。 RGBでは赤73.73%、緑17.65%、青11.37%で構成され、CMYK印刷ではシアン0%、マゼンタ76.06%、イエロー84.57%、ブラック26.27%を使います。 HSLでは色相角6.04°、彩度73.27%、明度42.55%です。 暖色で、エネルギー、情熱、緊急性を連想させることが多い色です。 デザインでは主に食品ブランドやレストラン、セールやキャンペーン、ブランドのアクセントに使われます。 この色の上に白の文字を置くとコントラスト比は5.95:1（WCAG AA）です。 最も近い色名はVenetian Red（#c80815）で、ΔEは2.97です。

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

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

補色

  1. #bc2d1d
  2. #1dacbc

分裂補色

  1. #bc2d1d
  2. #1dbc7d
  3. #1d5cbc

類似色

  1. #bc1d5c
  2. #bc2d1d
  3. #bc7d1d

トライアド

  1. #bc2d1d
  2. #1dbc2d
  3. #2d1dbc

テトラード

  1. #bc2d1d
  2. #acbc1d
  3. #1dacbc
  4. #2d1dbc

スクエア

  1. #bc2d1d
  2. #5cbc1d
  3. #1dacbc
  4. #7d1dbc

モノクロマティック

  1. #370d09
  2. #7a1d13
  3. #bc2d1d
  4. #e25343
  5. #ec9086

シェード

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

  1. #bc2d1d
  2. #a9291a
  3. #962417
  4. #842014
  5. #711b11
  6. #5e170f
  7. #4b120c
  8. #380e09
  9. #260906
  10. #130503
  11. #000000

ティント

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

  1. #bc2d1d
  2. #c34234
  3. #c9574a
  4. #d06c61
  5. #d78177
  6. #de968e
  7. #e4aba5
  8. #ebc0bb
  9. #f2d5d2
  10. #f8eae8
  11. #ffffff

トーン

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

  1. #bc2d1d
  2. #b63527
  3. #b03e31
  4. #aa463b
  5. #a44e45
  6. #9e574f
  7. #985f58
  8. #926762
  9. #8c6f6c
  10. #867876
  11. #808080

読みやすい文字 5.95:1 AA ✓ AA Large ✓ AAA ✕ AAA Large ✓
読みやすい文字 3.53:1 AA ✕ AA Large ✓ AAA ✕ AAA Large ✕

1色覚（全色盲） #646464 男性の約0.003%
不完全1色覚 #905350 男性の約0.001%
1型2色覚（P型） #5a5019 男性の約1.01%
2型2色覚（D型） #7d6f14 男性の約1.27%
3型2色覚（T型） #cf002b 男性の約0.0001%
1型3色覚（P型弱） #8c441b 男性の約1.08%
2型3色覚（D型弱） #9a5c18 男性の約4.63%
3型3色覚（T型弱） #c80926 男性の約0.0002%
自分の画像でシミュレーション

この色の文字

この色の背景

この色の枠線

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

#c80815 Venetian Red ΔE 2.97 #b31b1b Cornell Red ΔE 3.81 #b22222 Firebrick ΔE 4.18 #cf1020 Lava ΔE 4.21 #ce2029 Fire Engine Red ΔE 4.87 #d40000 Rosso Corsa ΔE 4.87 #a81c07 Rufous ΔE 5.50 #43d2e2 反転色 #646464 グレースケール 

Venetian Red
#bc2d1d  rgb(188, 45, 29)  hsl(6, 73%, 43%)  Venetian Red
#1dacbc  rgb(29, 172, 188)  hsl(186, 73%, 43%)  Cadet Blue
#1dbc2d  rgb(29, 188, 45)  hsl(126, 73%, 43%)  Kelly Green
#2d1dbc  rgb(45, 29, 188)  hsl(246, 73%, 43%)  Medium Blue