ColorTool
ログイン
#EB276A

#eb276a ≈ Razzmatazz

  • ローズ
  • 明度: 中程度
  • 彩度: とても高い
  • 暖色
コントラストを確認 グラフで探索 ランダムな色

#eb276aはローズ系の色です（明度：中程度、彩度：とても高い）。 RGBでは赤92.16%、緑15.29%、青41.57%で構成され、CMYK印刷ではシアン0%、マゼンタ83.4%、イエロー54.89%、ブラック7.84%を使います。 HSLでは色相角339.49°、彩度83.05%、明度53.73%です。 暖色で、ロマンス、遊び心、愛情を連想させることが多い色です。 デザインでは主に食品ブランドやレストラン、セールやキャンペーン、CTAボタンに使われます。 この色の上に黒の文字を置くとコントラスト比は5.03:1（WCAG AA）です。 最も近い色名はRazzmatazz（#e3256b）で、ΔEは2.13です。

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

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

補色

  1. #eb276a
  2. #27eba8

分裂補色

  1. #eb276a
  2. #27eb46
  3. #27cceb

類似色

  1. #eb27cc
  2. #eb276a
  3. #eb4627

トライアド

  1. #eb276a
  2. #6aeb27
  3. #276aeb

テトラード

  1. #eb276a
  2. #eba827
  3. #27eba8
  4. #276aeb

スクエア

  1. #eb276a
  2. #cceb27
  3. #27eba8
  4. #4627eb

モノクロマティック

  1. #6f0a2d
  2. #b51149
  3. #eb276a
  4. #f16d9a
  5. #f8b3cb

シェード

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

  1. #eb276a
  2. #d4235f
  3. #bc1f55
  4. #a51b4a
  5. #8d1740
  6. #761435
  7. #5e102a
  8. #470c20
  9. #2f0815
  10. #18040b
  11. #000000

ティント

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

  1. #eb276a
  2. #ed3d79
  3. #ef5288
  4. #f16897
  5. #f37da6
  6. #f593b5
  7. #f7a9c3
  8. #f9bed2
  9. #fbd4e1
  10. #fde9f0
  11. #ffffff

トーン

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

  1. #eb276a
  2. #e0306c
  3. #d6396e
  4. #cb4271
  5. #c04b73
  6. #b65475
  7. #ab5c77
  8. #a06579
  9. #956e7c
  10. #8b777e
  11. #808080

読みやすい文字 4.17:1 AA ✕ AA Large ✓ AAA ✕ AAA Large ✕
読みやすい文字 5.03:1 AA ✓ AA Large ✓ AAA ✕ AAA Large ✓

1色覚（全色盲） #7c7c7c 男性の約0.003%
不完全1色覚 #b36575 男性の約0.001%
1型2色覚（P型） #61636b 男性の約1.01%
2型2色覚（D型） #938a65 男性の約1.27%
3型2色覚（T型） #ff0046 男性の約0.0001%
1型3色覚（P型弱） #aa526b 男性の約1.08%
2型3色覚（D型弱） #bd6f67 男性の約4.63%
3型3色覚（T型弱） #f80057 男性の約0.0002%
自分の画像でシミュレーション

この色の文字

この色の背景

この色の枠線

文字色
.text-eb276a {
  color: #eb276a;
}
背景色
.bg-eb276a {
  background-color: #eb276a;
  color: #000000;
}
枠線
.border-eb276a {
  border: 2px solid #eb276a;
}
CSS変数
:root {
  --color-primary: #eb276a;
  --color-primary-rgb: 235 39 106;
  --color-primary-hsl: 339 83% 54%;
}
グラデーション
.gradient-eb276a {
  background: linear-gradient(135deg, #eb276a, #eb4627);
}
色付きの影
.shadow-eb276a {
  box-shadow: 0 8px 24px rgb(235 39 106 / 0.35);
}

#e3256b Razzmatazz ΔE 2.13 #de3163 Cerise ΔE 2.53 #e30b5c Raspberry ΔE 3.67 #e0115f Ruby ΔE 3.70 #ff007f Rose ΔE 5.13 #d71868 Dogwood Rose ΔE 5.57 #e52b50 Amaranth ΔE 6.73 #14d895 反転色 #7c7c7c グレースケール 

Razzmatazz
#eb276a  rgb(235, 39, 106)  hsl(339, 83%, 54%)  Razzmatazz
#27eba8  rgb(39, 235, 168)  hsl(159, 83%, 54%)  Medium Spring Green
#6aeb27  rgb(106, 235, 39)  hsl(99, 83%, 54%)  Lawn Green
#276aeb  rgb(39, 106, 235)  hsl(219, 83%, 54%)  Royal Blue