ColorTool
ログイン
#C46CB5

#c46cb5 ≈ Sky Magenta

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

#c46cb5はマゼンタ系の色です（明度：中程度、彩度：中程度）。 RGBでは赤76.86%、緑42.35%、青70.98%で構成され、CMYK印刷ではシアン0%、マゼンタ44.9%、イエロー7.65%、ブラック23.14%を使います。 HSLでは色相角310.23°、彩度42.72%、明度59.61%です。 暖色と寒色の中間で、創造性、大胆さ、個性を連想させることが多い色です。 デザインでは主に美容・コスメ、クリエイティブスタジオ、ブランドのアクセントに使われます。 この色の上に黒の文字を置くとコントラスト比は6.16:1（WCAG AA）です。 最も近い色名はSky Magenta（#cf71af）で、ΔEは3.79です。

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

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

補色

  1. #c46cb5
  2. #6cc47b

分裂補色

  1. #c46cb5
  2. #89c46c
  3. #6cc4a7

類似色

  1. #a76cc4
  2. #c46cb5
  3. #c46c89

トライアド

  1. #c46cb5
  2. #b5c46c
  3. #6cb5c4

テトラード

  1. #c46cb5
  2. #c47b6c
  3. #6cc47b
  4. #6cb5c4

スクエア

  1. #c46cb5
  2. #c4a76c
  3. #6cc47b
  4. #6c89c4

モノクロマティック

  1. #6c2b61
  2. #a24192
  3. #c46cb5
  4. #daa3d0
  5. #f0d9ec

シェード

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

  1. #c46cb5
  2. #b061a3
  3. #9d5691
  4. #894c7f
  5. #76416d
  6. #62365b
  7. #4e2b48
  8. #3b2036
  9. #271624
  10. #140b12
  11. #000000

ティント

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

  1. #c46cb5
  2. #ca7bbc
  3. #d089c4
  4. #d698cb
  5. #dca7d3
  6. #e2b6da
  7. #e7c4e1
  8. #edd3e9
  9. #f3e2f0
  10. #f9f0f8
  11. #ffffff

トーン

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

  1. #c46cb5
  2. #bd6eb0
  3. #b670aa
  4. #b072a5
  5. #a974a0
  6. #a2769b
  7. #9b7895
  8. #947a90
  9. #8e7c8b
  10. #877e85
  11. #808080

読みやすい文字 3.41:1 AA ✕ AA Large ✓ AAA ✕ AAA Large ✕
読みやすい文字 6.16:1 AA ✓ AA Large ✓ AAA ✕ AAA Large ✓

1色覚（全色盲） #8b8b8b 男性の約0.003%
不完全1色覚 #a5809e 男性の約0.001%
1型2色覚（P型） #6b83b8 男性の約1.01%
2型2色覚（D型） #8390b2 男性の約1.27%
3型2色覚（T型） #cb7188 男性の約0.0001%
1型3色覚（P型弱） #977ab7 男性の約1.08%
2型3色覚（D型弱） #a183b3 男性の約4.63%
3型3色覚（T型弱） #c86f9c 男性の約0.0002%
自分の画像でシミュレーション

この色の文字

この色の背景

この色の枠線

文字色
.text-c46cb5 {
  color: #c46cb5;
}
背景色
.bg-c46cb5 {
  background-color: #c46cb5;
  color: #000000;
}
枠線
.border-c46cb5 {
  border: 2px solid #c46cb5;
}
CSS変数
:root {
  --color-primary: #c46cb5;
  --color-primary-rgb: 196 108 181;
  --color-primary-hsl: 310 43% 60%;
}
グラデーション
.gradient-c46cb5 {
  background: linear-gradient(135deg, #c46cb5, #c46c89);
}
色付きの影
.shadow-c46cb5 {
  box-shadow: 0 8px 24px rgb(196 108 181 / 0.35);
}

#cf71af Sky Magenta ΔE 3.79 #da70d6 Orchid ΔE 6.23 #de6fa1 Thulian Pink ΔE 8.82 #ba55d3 Medium Orchid ΔE 9.50 #ff66cc Rose Pink ΔE 9.80 #b57edc Floral Lavender ΔE 9.80 #c54b8c Mulberry ΔE 10.19 #3b934a 反転色 #8b8b8b グレースケール 

Sky Magenta
#c46cb5  rgb(196, 108, 181)  hsl(310, 43%, 60%)  Sky Magenta
#6cc47b  rgb(108, 196, 123)  hsl(130, 43%, 60%)  Emerald
#b5c46c  rgb(181, 196, 108)  hsl(70, 43%, 60%)  Dark Khaki
#6cb5c4  rgb(108, 181, 196)  hsl(190, 43%, 60%)  Moonstone Blue