カラーピッカーへ移動

カラーコード #c596cd:やわらかな 明るいマゼンタ

#c596cd はRGBで rgb(197, 150, 205)、OKLCHで oklch(73.554% 0.09331 321.481) です。ほかの形式、シェード、コントラストはすべて下にあります。

HEXとして認識

291°
100%

73.6%
0.093
321°
  • マゼンタ
  • 明るい
  • ソフト
  • ニュートラル
  • ≈ ライラック
  • mauve-400
  • 黒 20%

sRGBの範囲内:どの画面でも同じように表示されます。

白い文字
2.44:1読みにくい
Lc -53
黒い文字
8.62:1読みやすい · AA
Lc 56

シェード

明るい順に並んでいます。クリックするとそのシェードを使えます。

配色ハーモニー

パレットで開く

最近の色

選んだ色やコピーした色がここに表示されます。データはこの端末に残ります。

#c596cd について

#c596cd はやわらかな 明るいマゼンタです。OKLCHでは明度 73.6%、クロマ 0.093、色相 321° です。

sRGBの範囲内:どの画面でも同じように表示されます。

この色の上では白い文字のコントラストが 2.44:1、黒い文字が 8.62:1 なので、黒の文字のほうが読みやすくなります。

最も近い名前のある色はライラック(#c8a2c8)です。Tailwind CSSで最も近い色は mauve-400 です。

ほかのマゼンタ系の色(明るい)系の色

明るく:#c596cd に白を混ぜる

  1. c596cd
  2. cba0d2
  3. d1abd7
  4. d7b5dc
  5. ddc0e1
  6. e2cae6
  7. e8d4eb
  8. eedff0
  9. f4eaf5
  10. f9f4fa

暗く:#c596cd に黒を混ぜる

  1. c596cd
  2. ab82b2
  3. 926e98
  4. 795b7e
  5. 614966
  6. 4b374e
  7. 352638
  8. 211623
  9. 0e080f
  10. 020102

落ち着かせる:#c596cd の彩度を下げる

  1. c596cd
  2. c298ca
  3. c09ac6
  4. bd9cc3
  5. ba9ebf
  6. b8a0bb
  7. b5a2b8
  8. b2a4b4
  9. afa6b1
  10. aca8ad

#c596cd についてのよくある質問

#c596cd は何色ですか?

#c596cd はやわらかな 明るいマゼンタです。最も近い名前のある色はやわらかな 明るいマゼンタです。RGBでは rgb(197, 150, 205)、HSLでは hsl(291.27, 35.48%, 69.61%)、OKLCHでは oklch(73.554% 0.09331 321.481) です。

#c596cd に合う色は?

#c596cd の補色は #88b981 です。落ち着いた組み合わせにするなら、類似色の #aa9fe0 と #d791b0 を使いましょう。トライアドの組み合わせは #c7a463 と #57bbc2 です。

#c596cd の上では白と黒のどちらの文字が読みやすいですか?

#c596cd の上では黒の文字のほうが読みやすくなります。白はコントラスト比 2.44:1、黒は 8.62:1 です。WCAG AAでは本文に4.5:1以上が求められます。

#c596cd は暖色と寒色のどちらですか?

#c596cd はニュートラルの色です。OKLCHでは色相 321度、明度 73.6%、クロマ 0.093 です。