ColorTool
ログイン
#5721B6

#5721b6 ≈ Rebecca Purple

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

#5721b6は紫系の色です（明度：中程度、彩度：高め）。 RGBでは赤34.12%、緑12.94%、青71.37%で構成され、CMYK印刷ではシアン52.2%、マゼンタ81.87%、イエロー0%、ブラック28.63%を使います。 HSLでは色相角261.74°、彩度69.3%、明度42.16%です。 寒色で、想像力、神秘性、高級感を連想させることが多い色です。 デザインでは主に美容・コスメ、クリエイティブスタジオ、ブランドのアクセントに使われます。 この色の上に白の文字を置くとコントラスト比は9.14:1（WCAG AAA）です。 最も近い色名はRebecca Purple（#663399）で、ΔEは6.49です。

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

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

補色

  1. #5721b6
  2. #80b621

分裂補色

  1. #5721b6
  2. #b6a121
  3. #36b621

類似色

  1. #2136b6
  2. #5721b6
  3. #a121b6

トライアド

  1. #5721b6
  2. #b65721
  3. #21b657

テトラード

  1. #5721b6
  2. #b62180
  3. #80b621
  4. #21b657

スクエア

  1. #5721b6
  2. #b62136
  3. #80b621
  4. #21b6a1

モノクロマティック

  1. #190a34
  2. #381575
  3. #5721b6
  4. #7d46dd
  5. #aa87e9

シェード

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

  1. #5721b6
  2. #4e1ea4
  3. #461a92
  4. #3d177f
  5. #34146d
  6. #2c115b
  7. #230d49
  8. #1a0a37
  9. #110724
  10. #090312
  11. #000000

ティント

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

  1. #5721b6
  2. #6837bd
  3. #794dc5
  4. #8964cc
  5. #9a7ad3
  6. #ab90db
  7. #bca6e2
  8. #cdbce9
  9. #ddd3f0
  10. #eee9f8
  11. #ffffff

トーン

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

  1. #5721b6
  2. #5b2bb1
  3. #5f34ab
  4. #633ea6
  5. #6747a0
  6. #6c519b
  7. #705a96
  8. #746490
  9. #786d8b
  10. #7c7785
  11. #808080

読みやすい文字 9.14:1 AA ✓ AA Large ✓ AAA ✓ AAA Large ✓
読みやすい文字 2.3:1 AA ✕ AA Large ✕ AAA ✕ AAA Large ✕

1色覚（全色盲） #484848 男性の約0.003%
不完全1色覚 #4e3c83 男性の約0.001%
1型2色覚（P型） #004aba 男性の約1.01%
2型2色覚（D型） #0045b3 男性の約1.27%
3型2色覚（T型） #344e6d 男性の約0.0001%
1型3色覚（P型弱） #003eb8 男性の約1.08%
2型3色覚（D型弱） #0a39b4 男性の約4.63%
3型3色覚（T型弱） #454090 男性の約0.0002%
自分の画像でシミュレーション

この色の文字

この色の背景

この色の枠線

文字色
.text-5721b6 {
  color: #5721b6;
}
背景色
.bg-5721b6 {
  background-color: #5721b6;
  color: #ffffff;
}
枠線
.border-5721b6 {
  border: 2px solid #5721b6;
}
CSS変数
:root {
  --color-primary: #5721b6;
  --color-primary-rgb: 87 33 182;
  --color-primary-hsl: 262 69% 42%;
}
グラデーション
.gradient-5721b6 {
  background: linear-gradient(135deg, #5721b6, #a121b6);
}
色付きの影
.shadow-5721b6 {
  box-shadow: 0 8px 24px rgb(87 33 182 / 0.35);
}

#663399 Rebecca Purple ΔE 6.49 #69359c Purple Heart ΔE 6.69 #0000cd Medium Blue ΔE 7.12 #4f42b5 Ocean Blue ΔE 7.38 #5218fa Han Purple ΔE 8.12 #0014a8 Zaffre ΔE 8.17 #3f00ff Ultramarine ΔE 8.27 #a8de49 反転色 #484848 グレースケール 

Rebecca Purple
#5721b6  rgb(87, 33, 182)  hsl(262, 69%, 42%)  Rebecca Purple
#80b621  rgb(128, 182, 33)  hsl(82, 69%, 42%)  Apple Green
#b65721  rgb(182, 87, 33)  hsl(22, 69%, 42%)  Burnt Orange
#21b657  rgb(33, 182, 87)  hsl(142, 69%, 42%)  Medium Sea Green