カラーピッカーへ移動

カラーコード #c299bc:スモーキーな 明るいマゼンタ

#c299bc はRGBで rgb(194, 153, 188)、OKLCHで oklch(73.178% 0.06799 331.255) です。ほかの形式、シェード、コントラストはすべて下にあります。

HEXとして認識

309°
100%

73.2%
0.068
331°
  • マゼンタ
  • 明るい
  • くすみ
  • スモーキー
  • ニュートラル
  • ≈ ライラック
  • mauve-400
  • 黒 24%

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

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

シェード

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

カラーハーモニー

パレットで開く

最近の色

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

#c299bc について

#c299bc はスモーキーな 明るいマゼンタです。OKLCHでは明度 73.2%、クロマ 0.068、色相 331° です。

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

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

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

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

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

  1. c299bc
  2. c8a3c3
  3. ceadc9
  4. d5b7d0
  5. dbc1d7
  6. e1cbdd
  7. e7d5e4
  8. ede0eb
  9. f3eaf1
  10. f9f5f8

暗く:#c299bc に黒を混ぜる

  1. c299bc
  2. a884a3
  3. 8f708b
  4. 775d73
  5. 604a5d
  6. 493847
  7. 342732
  8. 20171f
  9. 0e080d
  10. 020102

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

  1. c299bc
  2. c09bba
  3. bd9cb8
  4. bb9eb6
  5. b89fb4
  6. b5a1b2
  7. b3a2b0
  8. b0a4ae
  9. aea5ac
  10. aba7aa

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

#c299bc は何色ですか?

#c299bc はスモーキーな 明るいマゼンタです。最も近い名前のある色はスモーキーな 明るいマゼンタです。RGBでは rgb(194, 153, 188)、HSLでは hsl(308.78, 25.15%, 68.04%)、OKLCHでは oklch(73.178% 0.06799 331.255) です。

#c299bc に合う色は?

#c299bc の補色は #89b593 です。落ち着いた組み合わせにするなら、類似色の #af9fcd と #cd97a5 を使いましょう。トライアドの組み合わせは #b8a777 と #74b4c1 です。

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

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

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

#c299bc はニュートラルの色です。OKLCHでは色相 331度、明度 73.2%、クロマ 0.068 です。