ColorTool
ログイン
#DC7982

#dc7982 ≈ Light Coral

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

#dc7982は赤系の色です（明度：高い、彩度：中程度）。 RGBでは赤86.27%、緑47.45%、青50.98%で構成され、CMYK印刷ではシアン0%、マゼンタ45%、イエロー40.91%、ブラック13.73%を使います。 HSLでは色相角354.55°、彩度58.58%、明度66.86%です。 暖色で、エネルギー、情熱、緊急性を連想させることが多い色です。 デザインでは主に食品ブランドやレストラン、セールやキャンペーン、ブランドのアクセントに使われます。 この色の上に黒の文字を置くとコントラスト比は7.1:1（WCAG AAA）です。 最も近い色名はLight Coral（#f08080）で、ΔEは5.15です。

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

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

補色

  1. #dc7982
  2. #79dcd3

分裂補色

  1. #dc7982
  2. #79dca1
  3. #79b3dc

類似色

  1. #dc79b3
  2. #dc7982
  3. #dca179

トライアド

  1. #dc7982
  2. #82dc79
  3. #7982dc

テトラード

  1. #dc7982
  2. #dcd379
  3. #79dcd3
  4. #7982dc

スクエア

  1. #dc7982
  2. #b3dc79
  3. #79dcd3
  4. #a179dc

モノクロマティック

  1. #952731
  2. #cc3c49
  3. #dc7982
  4. #ecb6bb
  5. #fbeff0

シェード

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

  1. #dc7982
  2. #c66d75
  3. #b06168
  4. #9a555b
  5. #84494e
  6. #6e3d41
  7. #583034
  8. #422427
  9. #2c181a
  10. #160c0d
  11. #000000

ティント

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

  1. #dc7982
  2. #e0868f
  3. #e3949b
  4. #e7a1a8
  5. #eaafb4
  6. #eebcc1
  7. #f1c9cd
  8. #f5d7da
  9. #f8e4e6
  10. #fcf2f3
  11. #ffffff

トーン

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

  1. #dc7982
  2. #d37a82
  3. #ca7a82
  4. #c07b81
  5. #b77c81
  6. #ae7d81
  7. #a57d81
  8. #9c7e81
  9. #927f80
  10. #897f80
  11. #808080

読みやすい文字 2.96:1 AA ✕ AA Large ✕ AAA ✕ AAA Large ✕
読みやすい文字 7.1:1 AA ✓ AA Large ✓ AAA ✓ AAA Large ✓

1色覚（全色盲） #969696 男性の約0.003%
不完全1色覚 #b68b8e 男性の約0.001%
1型2色覚（P型） #8d8a82 男性の約1.01%
2型2色覚（D型） #a59e80 男性の約1.27%
3型2色覚（T型） #ed6e7d 男性の約0.0001%
1型3色覚（P型弱） #b28482 男性の約1.08%
2型3色覚（D型弱） #be9081 男性の約4.63%
3型3色覚（T型弱） #e6727f 男性の約0.0002%
自分の画像でシミュレーション

この色の文字

この色の背景

この色の枠線

文字色
.text-dc7982 {
  color: #dc7982;
}
背景色
.bg-dc7982 {
  background-color: #dc7982;
  color: #000000;
}
枠線
.border-dc7982 {
  border: 2px solid #dc7982;
}
CSS変数
:root {
  --color-primary: #dc7982;
  --color-primary-rgb: 220 121 130;
  --color-primary-hsl: 355 59% 67%;
}
グラデーション
.gradient-dc7982 {
  background: linear-gradient(135deg, #dc7982, #dca179);
}
色付きの影
.shadow-dc7982 {
  box-shadow: 0 8px 24px rgb(220 121 130 / 0.35);
}

#f08080 Light Coral ΔE 5.15 #c08081 Old Rose ΔE 6.22 #cc8899 Puce ΔE 7.41 #db7093 Pale Violet Red ΔE 7.53 #b76e79 Rose Gold ΔE 8.05 #de5d83 Blush ΔE 8.29 #ff91a4 Salmon Pink ΔE 8.77 #23867d 反転色 #969696 グレースケール 

Light Coral
#dc7982  rgb(220, 121, 130)  hsl(355, 59%, 67%)  Light Coral
#79dcd3  rgb(121, 220, 211)  hsl(175, 59%, 67%)  Medium Turquoise
#82dc79  rgb(130, 220, 121)  hsl(115, 59%, 67%)  Pastel Green
#7982dc  rgb(121, 130, 220)  hsl(235, 59%, 67%)  Glaucous