ColorTool
ログイン
#973537

#973537 ≈ Brown

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

#973537は赤系の色です（明度：中程度、彩度：中程度）。 RGBでは赤59.22%、緑20.78%、青21.57%で構成され、CMYK印刷ではシアン0%、マゼンタ64.9%、イエロー63.58%、ブラック40.78%を使います。 HSLでは色相角358.78°、彩度48.04%、明度40%です。 暖色で、エネルギー、情熱、緊急性を連想させることが多い色です。 デザインでは主に食品ブランドやレストラン、セールやキャンペーン、ブランドのアクセントに使われます。 この色の上に白の文字を置くとコントラスト比は7.29:1（WCAG AAA）です。 最も近い色名はBrown（#a52a2a）で、ΔEは4.44です。

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

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

補色

  1. #973537
  2. #359795

分裂補色

  1. #973537
  2. #359764
  3. #356897

類似色

  1. #973568
  2. #973537
  3. #976435

トライアド

  1. #973537
  2. #379735
  3. #353797

テトラード

  1. #973537
  2. #979535
  3. #359795
  4. #353797

スクエア

  1. #973537
  2. #689735
  3. #359795
  4. #643597

モノクロマティック

  1. #260d0e
  2. #5e2122
  3. #973537
  4. #c35557
  5. #d78e8f

シェード

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

  1. #973537
  2. #883032
  3. #792a2c
  4. #6a2527
  5. #5b2021
  6. #4c1b1c
  7. #3c1516
  8. #2d1011
  9. #1e0b0b
  10. #0f0506
  11. #000000

ティント

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

  1. #973537
  2. #a1494b
  3. #ac5d5f
  4. #b67273
  5. #c18687
  6. #cb9a9b
  7. #d5aeaf
  8. #e0c2c3
  9. #ead7d7
  10. #f5ebeb
  11. #ffffff

トーン

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

  1. #973537
  2. #953d3e
  3. #924446
  4. #904c4d
  5. #8e5354
  6. #8c5b5c
  7. #896263
  8. #876a6a
  9. #857171
  10. #827979
  11. #808080

読みやすい文字 7.29:1 AA ✓ AA Large ✓ AAA ✓ AAA Large ✓
読みやすい文字 2.88:1 AA ✕ AA Large ✕ AAA ✕ AAA Large ✕

1色覚（全色盲） #565656 男性の約0.003%
不完全1色覚 #764b4c 男性の約0.001%
1型2色覚（P型） #4e4936 男性の約1.01%
2型2色覚（D型） #675e34 男性の約1.27%
3型2色覚（T型） #a62037 男性の約0.0001%
1型3色覚（P型弱） #734237 男性の約1.08%
2型3色覚（D型弱） #7d5135 男性の約4.63%
3型3色覚（T型弱） #a02a37 男性の約0.0002%
自分の画像でシミュレーション

この色の文字

この色の背景

この色の枠線

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

#a52a2a Brown ΔE 4.44 #a52a2a Auburn ΔE 4.44 #9f1d35 Vivid Burgundy ΔE 4.58 #893f45 Cordovan ΔE 5.40 #8a3324 Burnt Umber ΔE 6.34 #954535 Chestnut ΔE 6.35 #960018 Carmine ΔE 7.39 #68cac8 反転色 #565656 グレースケール 

Brown
#973537  rgb(151, 53, 55)  hsl(359, 48%, 40%)  Brown
#359795  rgb(53, 151, 149)  hsl(179, 48%, 40%)  Dark Cyan
#379735  rgb(55, 151, 53)  hsl(119, 48%, 40%)  Forest Green
#353797  rgb(53, 55, 151)  hsl(239, 48%, 40%)  Egyptian Blue