ColorTool
ログイン
#381355

#381355 ≈ Persian Indigo

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

#381355は紫系の色です（明度：低い、彩度：中程度）。 RGBでは赤21.96%、緑7.45%、青33.33%で構成され、CMYK印刷ではシアン34.12%、マゼンタ77.65%、イエロー0%、ブラック66.67%を使います。 HSLでは色相角273.64°、彩度63.46%、明度20.39%です。 寒色で、想像力、神秘性、高級感を連想させることが多い色です。 デザインでは主に美容・コスメ、クリエイティブスタジオ、高級ブランドに使われます。 この色の上に白の文字を置くとコントラスト比は15.08:1（WCAG AAA）です。 最も近い色名はPersian Indigo（#32127a）で、ΔEは7.63です。

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

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

補色

  1. #381355
  2. #305513

分裂補色

  1. #381355
  2. #515513
  3. #135517

類似色

  1. #171355
  2. #381355
  3. #551351

トライアド

  1. #381355
  2. #553813
  3. #135538

テトラード

  1. #381355
  2. #551330
  3. #305513
  4. #135538

スクエア

  1. #381355
  2. #551713
  3. #305513
  4. #135155

モノクロマティック

  1. #0b0411
  2. #0f0516
  3. #381355
  4. #612194
  5. #8a30d1

シェード

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

  1. #381355
  2. #32114d
  3. #2d0f44
  4. #270d3c
  5. #220b33
  6. #1c0a2b
  7. #160822
  8. #11061a
  9. #0b0411
  10. #060209
  11. #000000

ティント

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

  1. #381355
  2. #4c2b66
  3. #604277
  4. #745a88
  5. #887199
  6. #9c89aa
  7. #afa1bb
  8. #c3b8cc
  9. #d7d0dd
  10. #ebe7ee
  11. #ffffff

トーン

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

  1. #381355
  2. #3f1e59
  3. #46295e
  4. #4e3462
  5. #553f66
  6. #5c4a6b
  7. #63546f
  8. #6a5f73
  9. #726a77
  10. #79757c
  11. #808080

読みやすい文字 15.08:1 AA ✓ AA Large ✓ AAA ✓ AAA Large ✓
読みやすい文字 1.39:1 AA ✕ AA Large ✕ AAA ✕ AAA Large ✕

1色覚（全色盲） #262626 男性の約0.003%
不完全1色覚 #2e203e 男性の約0.001%
1型2色覚（P型） #002557 男性の約1.01%
2型2色覚（D型） #002654 男性の約1.27%
3型2色覚（T型） #332232 男性の約0.0001%
1型3色覚（P型弱） #1d1f56 男性の約1.08%
2型3色覚（D型弱） #212054 男性の約4.63%
3型3色覚（T型弱） #351d43 男性の約0.0002%
自分の画像でシミュレーション

この色の文字

この色の背景

この色の枠線

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

#32127a Persian Indigo ΔE 7.63 #191970 Midnight Blue ΔE 8.59 #4b0082 Indigo ΔE 8.61 #000080 Navy ΔE 11.13 #000f89 Phthalo Blue ΔE 11.62 #00008b Dark Blue ΔE 11.97 #6c3082 Eminence ΔE 12.23 #c7ecaa 反転色 #262626 グレースケール 

Persian Indigo
#381355  rgb(56, 19, 85)  hsl(274, 63%, 20%)  Persian Indigo
#305513  rgb(48, 85, 19)  hsl(94, 63%, 20%)  Lincoln Green
#553813  rgb(85, 56, 19)  hsl(34, 63%, 20%)  Sepia
#135538  rgb(19, 85, 56)  hsl(154, 63%, 20%)  Hunter Green