ColorTool
ログイン
#76020D

#76020d ≈ Falu Red

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

#76020dは赤系の色です（明度：低い、彩度：中程度）。 RGBでは赤46.27%、緑0.78%、青5.1%で構成され、CMYK印刷ではシアン0%、マゼンタ98.31%、イエロー88.98%、ブラック53.73%を使います。 HSLでは色相角354.31°、彩度96.67%、明度23.53%です。 暖色で、エネルギー、情熱、緊急性を連想させることが多い色です。 デザインでは主に食品ブランドやレストラン、セールやキャンペーン、高級ブランドに使われます。 この色の上に白の文字を置くとコントラスト比は11.77:1（WCAG AAA）です。 最も近い色名はFalu Red（#801818）で、ΔEは3.15です。

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

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

補色

  1. #76020d
  2. #02766b

分裂補色

  1. #76020d
  2. #027631
  3. #024776

類似色

  1. #760247
  2. #76020d
  3. #763102

トライアド

  1. #76020d
  2. #0d7602
  3. #020d76

テトラード

  1. #76020d
  2. #766b02
  3. #02766b
  4. #020d76

スクエア

  1. #76020d
  2. #477602
  3. #02766b
  4. #310276

モノクロマティック

  1. #140002
  2. #2b0105
  3. #76020d
  4. #c10315
  5. #fb162c

シェード

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

  1. #76020d
  2. #6a020c
  3. #5e020a
  4. #530109
  5. #470108
  6. #3b0107
  7. #2f0105
  8. #230104
  9. #180003
  10. #0c0001
  11. #000000

ティント

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

  1. #76020d
  2. #841b25
  3. #91353d
  4. #9f4e56
  5. #ad676e
  6. #bb8186
  7. #c89a9e
  8. #d6b3b6
  9. #e4cccf
  10. #f1e6e7
  11. #ffffff

トーン

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

  1. #76020d
  2. #770f19
  3. #781b24
  4. #792830
  5. #7a343b
  6. #7b4147
  7. #7c4e52
  8. #7d5a5e
  9. #7e6769
  10. #7f7375
  11. #808080

読みやすい文字 11.77:1 AA ✓ AA Large ✓ AAA ✓ AAA Large ✓
読みやすい文字 1.78:1 AA ✕ AA Large ✕ AAA ✕ AAA Large ✕

1色覚（全色盲） #383838 男性の約0.003%
不完全1色覚 #572b2c 男性の約0.001%
1型2色覚（P型） #2e280b 男性の約1.01%
2型2色覚（D型） #494006 男性の約1.27%
3型2色覚（T型） #830008 男性の約0.0001%
1型3色覚（P型弱） #541e0c 男性の約1.08%
2型3色覚（D型弱） #5e3109 男性の約4.63%
3型3色覚（T型弱） #7e000a 男性の約0.0002%
自分の画像でシミュレーション

この色の文字

この色の背景

この色の枠線

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

#801818 Falu Red ΔE 3.15 #65000b Rosewood ΔE 3.70 #800000 Maroon ΔE 3.94 #8b0000 Dark Red ΔE 5.80 #800020 Burgundy ΔE 5.83 #92000a Sangria ΔE 6.00 #960018 Carmine ΔE 6.21 #89fdf2 反転色 #383838 グレースケール 

Falu Red
#76020d  rgb(118, 2, 13)  hsl(354, 97%, 24%)  Falu Red
#02766b  rgb(2, 118, 107)  hsl(174, 97%, 24%)  Pine Green
#0d7602  rgb(13, 118, 2)  hsl(114, 97%, 24%)  Green
#020d76  rgb(2, 13, 118)  hsl(234, 97%, 24%)  Navy