ColorTool
ログイン
#703C5D

#703c5d ≈ Boysenberry

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

#703c5dはローズ系の色です（明度：低い、彩度：低め）。 RGBでは赤43.92%、緑23.53%、青36.47%で構成され、CMYK印刷ではシアン0%、マゼンタ46.43%、イエロー16.96%、ブラック56.08%を使います。 HSLでは色相角321.92°、彩度30.23%、明度33.73%です。 暖色と寒色の中間で、ロマンス、遊び心、愛情を連想させることが多い色です。 デザインでは主に食品ブランドやレストラン、セールやキャンペーン、企業のブランディングに使われます。 この色の上に白の文字を置くとコントラスト比は8.42:1（WCAG AAA）です。 最も近い色名はBoysenberry（#873260）で、ΔEは5.79です。

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

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

補色

  1. #703c5d
  2. #3c704f

分裂補色

  1. #703c5d
  2. #43703c
  3. #3c7069

類似色

  1. #693c70
  2. #703c5d
  3. #703c43

トライアド

  1. #703c5d
  2. #5d703c
  3. #3c5d70

テトラード

  1. #703c5d
  2. #704f3c
  3. #3c704f
  4. #3c5d70

スクエア

  1. #703c5d
  2. #70693c
  3. #3c704f
  4. #3c4370

モノクロマティック

  1. #0d070b
  2. #3e2134
  3. #703c5d
  4. #a25786
  5. #be87aa

シェード

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

  1. #703c5d
  2. #653654
  3. #5a304a
  4. #4e2a41
  5. #432438
  6. #381e2f
  7. #2d1825
  8. #22121c
  9. #160c13
  10. #0b0609
  11. #000000

ティント

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

  1. #703c5d
  2. #7e506d
  3. #8d637d
  4. #9b778e
  5. #a98a9e
  6. #b89eae
  7. #c6b1be
  8. #d4c5ce
  9. #e2d8df
  10. #f1ecef
  11. #ffffff

トーン

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

  1. #703c5d
  2. #724361
  3. #734a64
  4. #755068
  5. #76576b
  6. #785e6f
  7. #7a6572
  8. #7b6c76
  9. #7d7279
  10. #7e797d
  11. #808080

読みやすい文字 8.42:1 AA ✓ AA Large ✓ AAA ✓ AAA Large ✓
読みやすい文字 2.49:1 AA ✕ AA Large ✕ AAA ✕ AAA Large ✕

1色覚（全色盲） #4d4d4d 男性の約0.003%
不完全1色覚 #5d4754 男性の約0.001%
1型2色覚（P型） #3f485e 男性の約1.01%
2型2色覚（D型） #4d505c 男性の約1.27%
3型2色覚（T型） #763c48 男性の約0.0001%
1型3色覚（P型弱） #57445e 男性の約1.08%
2型3色覚（D型弱） #5d495c 男性の約4.63%
3型3色覚（T型弱） #743c51 男性の約0.0002%
自分の画像でシミュレーション

この色の文字

この色の背景

この色の枠線

文字色
.text-703c5d {
  color: #703c5d;
}
背景色
.bg-703c5d {
  background-color: #703c5d;
  color: #ffffff;
}
枠線
.border-703c5d {
  border: 2px solid #703c5d;
}
CSS変数
:root {
  --color-primary: #703c5d;
  --color-primary-rgb: 112 60 93;
  --color-primary-hsl: 322 30% 34%;
}
グラデーション
.gradient-703c5d {
  background: linear-gradient(135deg, #703c5d, #703c43);
}
色付きの影
.shadow-703c5d {
  box-shadow: 0 8px 24px rgb(112 60 93 / 0.35);
}

#873260 Boysenberry ΔE 5.79 #614051 Eggplant ΔE 6.15 #8a496b Twilight Lavender ΔE 6.48 #702963 Byzantium ΔE 6.50 #78184a Pansy Purple ΔE 8.48 #8e4585 Deep Plum ΔE 9.70 #66023c Tyrian Purple ΔE 11.36 #8fc3a2 反転色 #4d4d4d グレースケール 

Boysenberry
#703c5d  rgb(112, 60, 93)  hsl(322, 30%, 34%)  Boysenberry
#3c704f  rgb(60, 112, 79)  hsl(142, 30%, 34%)  Cadmium Green
#5d703c  rgb(93, 112, 60)  hsl(82, 30%, 34%)  Dark Olive Green
#3c5d70  rgb(60, 93, 112)  hsl(202, 30%, 34%)  Sea Blue