ColorTool
ログイン
#6C19CF

#6c19cf ≈ Han Purple

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

#6c19cfは紫系の色です（明度：中程度、彩度：高め）。 RGBでは赤42.35%、緑9.8%、青81.18%で構成され、CMYK印刷ではシアン47.83%、マゼンタ87.92%、イエロー0%、ブラック18.82%を使います。 HSLでは色相角267.36°、彩度78.45%、明度45.49%です。 寒色で、想像力、神秘性、高級感を連想させることが多い色です。 デザインでは主に美容・コスメ、クリエイティブスタジオ、ブランドのアクセントに使われます。 この色の上に白の文字を置くとコントラスト比は7.84:1（WCAG AAA）です。 最も近い色名はHan Purple（#5218fa）で、ΔEは5.52です。

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

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

補色

  1. #6c19cf
  2. #7ccf19

分裂補色

  1. #6c19cf
  2. #cfc719
  3. #21cf19

類似色

  1. #1921cf
  2. #6c19cf
  3. #c719cf

トライアド

  1. #6c19cf
  2. #cf6c19
  3. #19cf6c

テトラード

  1. #6c19cf
  2. #cf197c
  3. #7ccf19
  4. #19cf6c

スクエア

  1. #6c19cf
  2. #cf1921
  3. #7ccf19
  4. #19cfc7

モノクロマティック

  1. #250946
  2. #48118b
  3. #6c19cf
  4. #934be9
  5. #bc8ff2

シェード

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

  1. #6c19cf
  2. #6117ba
  3. #5614a6
  4. #4c1291
  5. #410f7c
  6. #360d68
  7. #2b0a53
  8. #20083e
  9. #160529
  10. #0b0315
  11. #000000

ティント

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

  1. #6c19cf
  2. #7b30d4
  3. #8947d9
  4. #985edd
  5. #a775e2
  6. #b68ce7
  7. #c4a3ec
  8. #d3baf1
  9. #e2d1f5
  10. #f0e8fa
  11. #ffffff

トーン

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

  1. #6c19cf
  2. #6e23c7
  3. #702ebf
  4. #7238b7
  5. #7442af
  6. #764da8
  7. #7857a0
  8. #7a6198
  9. #7c6b90
  10. #7e7688
  11. #808080

読みやすい文字 7.84:1 AA ✓ AA Large ✓ AAA ✓ AAA Large ✓
読みやすい文字 2.68:1 AA ✕ AA Large ✕ AAA ✕ AAA Large ✕

1色覚（全色盲） #525252 男性の約0.003%
不完全1色覚 #5d4295 男性の約0.001%
1型2色覚（P型） #0053d4 男性の約1.01%
2型2色覚（D型） #004fcc 男性の約1.27%
3型2色覚（T型） #4e547b 男性の約0.0001%
1型3色覚（P型弱） #0a43d2 男性の約1.08%
2型3色覚（D型弱） #1e40cd 男性の約4.63%
3型3色覚（T型弱） #5b44a3 男性の約0.0002%
自分の画像でシミュレーション

この色の文字

この色の背景

この色の枠線

文字色
.text-6c19cf {
  color: #6c19cf;
}
背景色
.bg-6c19cf {
  background-color: #6c19cf;
  color: #ffffff;
}
枠線
.border-6c19cf {
  border: 2px solid #6c19cf;
}
CSS変数
:root {
  --color-primary: #6c19cf;
  --color-primary-rgb: 108 25 207;
  --color-primary-hsl: 267 78% 45%;
}
グラデーション
.gradient-6c19cf {
  background: linear-gradient(135deg, #6c19cf, #c719cf);
}
色付きの影
.shadow-6c19cf {
  box-shadow: 0 8px 24px rgb(108 25 207 / 0.35);
}

#5218fa Han Purple ΔE 5.52 #6f00ff Electric Indigo ΔE 5.57 #9400d3 Dark Violet ΔE 6.17 #3f00ff Ultramarine ΔE 6.37 #8a2be2 Blue Violet ΔE 6.52 #0000ff Blue ΔE 7.85 #8f00ff Electric Violet ΔE 7.92 #93e630 反転色 #525252 グレースケール 

Han Purple
#6c19cf  rgb(108, 25, 207)  hsl(267, 78%, 45%)  Han Purple
#7ccf19  rgb(124, 207, 25)  hsl(87, 78%, 45%)  Yellow Green
#cf6c19  rgb(207, 108, 25)  hsl(27, 78%, 45%)  Chocolate
#19cf6c  rgb(25, 207, 108)  hsl(147, 78%, 45%)  Emerald