ColorTool
ログイン
#56003F

#56003f ≈ Tyrian Purple

  • マゼンタ
  • 明度: とても低い
  • 彩度: 中程度
  • 中間色
コントラストを確認 グラフで探索 ランダムな色

#56003fはマゼンタ系の色です（明度：とても低い、彩度：中程度）。 RGBでは赤33.73%、緑0%、青24.71%で構成され、CMYK印刷ではシアン0%、マゼンタ100%、イエロー26.74%、ブラック66.27%を使います。 HSLでは色相角316.05°、彩度100%、明度16.86%です。 暖色と寒色の中間で、創造性、大胆さ、個性を連想させることが多い色です。 デザインでは主に美容・コスメ、クリエイティブスタジオ、高級ブランドに使われます。 この色の上に白の文字を置くとコントラスト比は14.31:1（WCAG AAA）です。 最も近い色名はTyrian Purple（#66023c）で、ΔEは5です。

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

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

補色

  1. #56003f
  2. #005617

分裂補色

  1. #56003f
  2. #145600
  3. #005642

類似色

  1. #420056
  2. #56003f
  3. #560014

トライアド

  1. #56003f
  2. #3f5600
  3. #003f56

テトラード

  1. #56003f
  2. #561700
  3. #005617
  4. #003f56

スクエア

  1. #56003f
  2. #564200
  3. #005617
  4. #001456

モノクロマティック

  1. #14000f
  2. #14000f
  3. #56003f
  4. #a20077
  5. #ef00af

シェード

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

  1. #56003f
  2. #4d0039
  3. #450032
  4. #3c002c
  5. #340026
  6. #2b0020
  7. #220019
  8. #1a0013
  9. #11000d
  10. #090006
  11. #000000

ティント

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

  1. #56003f
  2. #671a52
  3. #783365
  4. #894d79
  5. #9a668c
  6. #ab809f
  7. #bb99b2
  8. #ccb3c5
  9. #ddccd9
  10. #eee6ec
  11. #ffffff

トーン

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

  1. #56003f
  2. #5a0d46
  3. #5e1a4c
  4. #632653
  5. #673359
  6. #6b4060
  7. #6f4d66
  8. #735a6d
  9. #786673
  10. #7c737a
  11. #808080

読みやすい文字 14.31:1 AA ✓ AA Large ✓ AAA ✓ AAA Large ✓
読みやすい文字 1.47:1 AA ✕ AA Large ✕ AAA ✕ AAA Large ✕

1色覚（全色盲） #2a2a2a 男性の約0.003%
不完全1色覚 #401f34 男性の約0.001%
1型2色覚（P型） #0d2140 男性の約1.01%
2型2色覚（D型） #2a2f3d 男性の約1.27%
3型2色覚（T型） #5c0021 男性の約0.0001%
1型3色覚（P型弱） #381840 男性の約1.08%
2型3色覚（D型弱） #40233e 男性の約4.63%
3型3色覚（T型弱） #5a0030 男性の約0.0002%
自分の画像でシミュレーション

この色の文字

この色の背景

この色の枠線

文字色
.text-56003f {
  color: #56003f;
}
背景色
.bg-56003f {
  background-color: #56003f;
  color: #ffffff;
}
枠線
.border-56003f {
  border: 2px solid #56003f;
}
CSS変数
:root {
  --color-primary: #56003f;
  --color-primary-rgb: 86 0 63;
  --color-primary-hsl: 316 100% 17%;
}
グラデーション
.gradient-56003f {
  background: linear-gradient(135deg, #56003f, #560014);
}
色付きの影
.shadow-56003f {
  box-shadow: 0 8px 24px rgb(86 0 63 / 0.35);
}

#66023c Tyrian Purple ΔE 5.00 #78184a Pansy Purple ΔE 8.40 #702963 Byzantium ΔE 9.11 #800080 Purple ΔE 13.02 #873260 Boysenberry ΔE 13.11 #880085 Mardi Gras ΔE 14.15 #6c3082 Eminence ΔE 14.57 #a9ffc0 反転色 #2a2a2a グレースケール 

Tyrian Purple
#56003f  rgb(86, 0, 63)  hsl(316, 100%, 17%)  Tyrian Purple
#005617  rgb(0, 86, 23)  hsl(136, 100%, 17%)  Lincoln Green
#3f5600  rgb(63, 86, 0)  hsl(76, 100%, 17%)  Army Green
#003f56  rgb(0, 63, 86)  hsl(196, 100%, 17%)  Prussian Blue