ColorTool
ログイン
#C75263

#c75263 ≈ Brick Red

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

#c75263は赤系の色です（明度：中程度、彩度：中程度）。 RGBでは赤78.04%、緑32.16%、青38.82%で構成され、CMYK印刷ではシアン0%、マゼンタ58.79%、イエロー50.25%、ブラック21.96%を使います。 HSLでは色相角351.28°、彩度51.09%、明度55.1%です。 暖色で、エネルギー、情熱、緊急性を連想させることが多い色です。 デザインでは主に食品ブランドやレストラン、セールやキャンペーン、ブランドのアクセントに使われます。 この色の上に黒の文字を置くとコントラスト比は4.82:1（WCAG AA）です。 最も近い色名はBrick Red（#cb4154）で、ΔEは3.95です。

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

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

補色

  1. #c75263
  2. #52c7b6

分裂補色

  1. #c75263
  2. #52c77c
  3. #529ec7

類似色

  1. #c7529e
  2. #c75263
  3. #c77c52

トライアド

  1. #c75263
  2. #63c752
  3. #5263c7

テトラード

  1. #c75263
  2. #c7b652
  3. #52c7b6
  4. #5263c7

スクエア

  1. #c75263
  2. #9ec752
  3. #52c7b6
  4. #7c52c7

モノクロマティック

  1. #611f29
  2. #9a3241
  3. #c75263
  4. #da8c97
  5. #ecc6cb

シェード

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

  1. #c75263
  2. #b34a59
  3. #9f424f
  4. #8b3945
  5. #77313b
  6. #642932
  7. #502128
  8. #3c191e
  9. #281014
  10. #14080a
  11. #000000

ティント

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

  1. #c75263
  2. #cd6373
  3. #d27582
  4. #d88692
  5. #dd97a1
  6. #e3a9b1
  7. #e9bac1
  8. #eecbd0
  9. #f4dce0
  10. #f9eeef
  11. #ffffff

トーン

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

  1. #c75263
  2. #c05766
  3. #b95b69
  4. #b2606c
  5. #ab646f
  6. #a46972
  7. #9c6e74
  8. #957277
  9. #8e777a
  10. #877b7d
  11. #808080

読みやすい文字 4.36:1 AA ✕ AA Large ✓ AAA ✕ AAA Large ✕
読みやすい文字 4.82:1 AA ✓ AA Large ✓ AAA ✕ AAA Large ✓

1色覚（全色盲） #797979 男性の約0.003%
不完全1色覚 #9e6b71 男性の約0.001%
1型2色覚（P型） #6c6a63 男性の約1.01%
2型2色覚（D型） #8a8260 男性の約1.27%
3型2色覚（T型） #d84159 男性の約0.0001%
1型3色覚（P型弱） #996163 男性の約1.08%
2型3色覚（D型弱） #a67261 男性の約4.63%
3型3色覚（T型弱） #d2485d 男性の約0.0002%
自分の画像でシミュレーション

この色の文字

この色の背景

この色の枠線

文字色
.text-c75263 {
  color: #c75263;
}
背景色
.bg-c75263 {
  background-color: #c75263;
  color: #000000;
}
枠線
.border-c75263 {
  border: 2px solid #c75263;
}
CSS変数
:root {
  --color-primary: #c75263;
  --color-primary-rgb: 199 82 99;
  --color-primary-hsl: 351 51% 55%;
}
グラデーション
.gradient-c75263 {
  background: linear-gradient(135deg, #c75263, #c77c52);
}
色付きの影
.shadow-c75263 {
  box-shadow: 0 8px 24px rgb(199 82 99 / 0.35);
}

#cb4154 Brick Red ΔE 3.95 #cd5c5c Indian Red ΔE 5.62 #de3163 Cerise ΔE 5.71 #e52b50 Amaranth ΔE 6.85 #e30b5c Raspberry ΔE 7.59 #e0115f Ruby ΔE 7.67 #e3256b Razzmatazz ΔE 7.68 #38ad9c 反転色 #797979 グレースケール 

Brick Red
#c75263  rgb(199, 82, 99)  hsl(351, 51%, 55%)  Brick Red
#52c7b6  rgb(82, 199, 182)  hsl(171, 51%, 55%)  Medium Turquoise
#63c752  rgb(99, 199, 82)  hsl(111, 51%, 55%)  Mantis
#5263c7  rgb(82, 99, 199)  hsl(231, 51%, 55%)  Royal Blue