ColorTool
ログイン
#710602

#710602 ≈ Maroon

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

#710602は赤系の色です（明度：低い、彩度：中程度）。 RGBでは赤44.31%、緑2.35%、青0.78%で構成され、CMYK印刷ではシアン0%、マゼンタ94.69%、イエロー98.23%、ブラック55.69%を使います。 HSLでは色相角2.16°、彩度96.52%、明度22.55%です。 暖色で、エネルギー、情熱、緊急性を連想させることが多い色です。 デザインでは主に食品ブランドやレストラン、セールやキャンペーン、高級ブランドに使われます。 この色の上に白の文字を置くとコントラスト比は12.15:1（WCAG AAA）です。 最も近い色名はMaroon（#800000）で、ΔEは3.04です。

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

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

補色

  1. #710602
  2. #026d71

分裂補色

  1. #710602
  2. #02713d
  3. #023671

類似色

  1. #710236
  2. #710602
  3. #713d02

トライアド

  1. #710602
  2. #027106
  3. #060271

テトラード

  1. #710602
  2. #6d7102
  3. #026d71
  4. #060271

スクエア

  1. #710602
  2. #367102
  3. #026d71
  4. #3d0271

モノクロマティック

  1. #140100
  2. #260201
  3. #710602
  4. #bc0a03
  5. #fb1a11

シェード

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

  1. #710602
  2. #660502
  3. #5a0502
  4. #4f0401
  5. #440401
  6. #390301
  7. #2d0201
  8. #220201
  9. #170100
  10. #0b0100
  11. #000000

ティント

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

  1. #710602
  2. #7f1f1b
  3. #8d3835
  4. #9c514e
  5. #aa6a67
  6. #b88381
  7. #c69b9a
  8. #d4b4b3
  9. #e3cdcc
  10. #f1e6e6
  11. #ffffff

トーン

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

  1. #710602
  2. #73120f
  3. #741e1b
  4. #762b28
  5. #773734
  6. #794341
  7. #7a4f4e
  8. #7c5b5a
  9. #7d6867
  10. #7f7473
  11. #808080

読みやすい文字 12.15:1 AA ✓ AA Large ✓ AAA ✓ AAA Large ✓
読みやすい文字 1.73:1 AA ✕ AA Large ✕ AAA ✕ AAA Large ✕

1色覚（全色盲） #363636 男性の約0.003%
不完全1色覚 #542929 男性の約0.001%
1型2色覚（P型） #2e2700 男性の約1.01%
2型2色覚（D型） #463e00 男性の約1.27%
3型2色覚（T型） #7e0007 男性の約0.0001%
1型3色覚（P型弱） #511e01 男性の約1.08%
2型3色覚（D型弱） #5a3000 男性の約4.63%
3型3色覚（T型弱） #790005 男性の約0.0002%
自分の画像でシミュレーション

この色の文字

この色の背景

この色の枠線

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

#800000 Maroon ΔE 3.04 #801818 Falu Red ΔE 4.61 #65000b Rosewood ΔE 4.63 #8b0000 Dark Red ΔE 5.25 #92000a Sangria ΔE 6.34 #960018 Carmine ΔE 7.78 #882d17 Kobe ΔE 7.79 #8ef9fd 反転色 #363636 グレースケール 

Maroon
#710602  rgb(113, 6, 2)  hsl(2, 97%, 23%)  Maroon
#026d71  rgb(2, 109, 113)  hsl(182, 97%, 23%)  Myrtle Green
#027106  rgb(2, 113, 6)  hsl(122, 97%, 23%)  Pakistan Green
#060271  rgb(6, 2, 113)  hsl(242, 97%, 23%)  Navy