ColorTool
ログイン
#893E70

#893e70 ≈ Boysenberry

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

#893e70はローズ系の色です（明度：低い、彩度：中程度）。 RGBでは赤53.73%、緑24.31%、青43.92%で構成され、CMYK印刷ではシアン0%、マゼンタ54.74%、イエロー18.25%、ブラック46.27%を使います。 HSLでは色相角320°、彩度37.69%、明度39.02%です。 暖色と寒色の中間で、ロマンス、遊び心、愛情を連想させることが多い色です。 デザインでは主に食品ブランドやレストラン、セールやキャンペーン、ブランドのアクセントに使われます。 この色の上に白の文字を置くとコントラスト比は7.03:1（WCAG AAA）です。 最も近い色名はBoysenberry（#873260）で、ΔEは4.09です。

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

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

補色

  1. #893e70
  2. #3e8957

分裂補色

  1. #893e70
  2. #4a893e
  3. #3e897d

類似色

  1. #7d3e89
  2. #893e70
  3. #893e4a

トライアド

  1. #893e70
  2. #70893e
  3. #3e7089

テトラード

  1. #893e70
  2. #89573e
  3. #3e8957
  4. #3e7089

スクエア

  1. #893e70
  2. #897d3e
  3. #3e8957
  4. #3e4a89

モノクロマティック

  1. #200e1a
  2. #542645
  3. #893e70
  4. #b65e98
  5. #ce92ba

シェード

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

  1. #893e70
  2. #7b3865
  3. #6e325a
  4. #602b4e
  5. #522543
  6. #451f38
  7. #37192d
  8. #291322
  9. #1b0c16
  10. #0e060b
  11. #000000

ティント

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

  1. #893e70
  2. #95517e
  3. #a1658d
  4. #ac789b
  5. #b88ba9
  6. #c49fb8
  7. #d0b2c6
  8. #dcc5d4
  9. #e7d8e2
  10. #f3ecf1
  11. #ffffff

トーン

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

  1. #893e70
  2. #884572
  3. #874b73
  4. #865275
  5. #855876
  6. #855f78
  7. #84667a
  8. #836c7b
  9. #82737d
  10. #81797e
  11. #808080

読みやすい文字 7.03:1 AA ✓ AA Large ✓ AAA ✓ AAA Large ✓
読みやすい文字 2.99:1 AA ✕ AA Large ✕ AAA ✕ AAA Large ✕

1色覚（全色盲） #595959 男性の約0.003%
不完全1色覚 #6f4f63 男性の約0.001%
1型2色覚（P型） #435172 男性の約1.01%
2型2色覚（D型） #575d6e 男性の約1.27%
3型2色覚（T型） #913f52 男性の約0.0001%
1型3色覚（P型弱） #664a71 男性の約1.08%
2型3色覚（D型弱） #6f526f 男性の約4.63%
3型3色覚（T型弱） #8e3e5f 男性の約0.0002%
自分の画像でシミュレーション

この色の文字

この色の背景

この色の枠線

文字色
.text-893e70 {
  color: #893e70;
}
背景色
.bg-893e70 {
  background-color: #893e70;
  color: #ffffff;
}
枠線
.border-893e70 {
  border: 2px solid #893e70;
}
CSS変数
:root {
  --color-primary: #893e70;
  --color-primary-rgb: 137 62 112;
  --color-primary-hsl: 320 38% 39%;
}
グラデーション
.gradient-893e70 {
  background: linear-gradient(135deg, #893e70, #893e4a);
}
色付きの影
.shadow-893e70 {
  box-shadow: 0 8px 24px rgb(137 62 112 / 0.35);
}

#873260 Boysenberry ΔE 4.09 #8a496b Twilight Lavender ΔE 4.33 #8e4585 Deep Plum ΔE 4.78 #702963 Byzantium ΔE 7.31 #a50b5e Jazzberry Jam ΔE 9.02 #78184a Pansy Purple ΔE 9.84 #880085 Mardi Gras ΔE 11.08 #76c18f 反転色 #595959 グレースケール 

Boysenberry
#893e70  rgb(137, 62, 112)  hsl(320, 38%, 39%)  Boysenberry
#3e8957  rgb(62, 137, 87)  hsl(140, 38%, 39%)  Sea Green
#70893e  rgb(112, 137, 62)  hsl(80, 38%, 39%)  Olive Drab
#3e7089  rgb(62, 112, 137)  hsl(200, 38%, 39%)  Teal Blue