カラーピッカーへ移動

カラーコード #d36498:やわらかな ピンク

#d36498 はRGBで rgb(211, 100, 152)、OKLCHで oklch(65.159% 0.15077 352.732) です。ほかの形式、シェード、コントラストはすべて下にあります。

HEXとして認識

332°
100%

65.2%
0.151
353°
  • ピンク
  • 中間
  • ソフト
  • 暖色系
  • ≈ ブラッシュピンク
  • pink-400
  • 黒 17%

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

白い文字
3.47:1読みにくい
Lc -67
黒い文字
6.05:1読みやすい · AA
Lc 42

シェード

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

カラーハーモニー

パレットで開く

最近の色

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

#d36498 について

#d36498 はやわらかな ピンクです。OKLCHでは明度 65.2%、クロマ 0.151、色相 353° です。

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

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

最も近い名前のある色はブラッシュピンク(#de5d83)です。Tailwind CSSで最も近い色は pink-400 です。

ほかのピンク系の色(中間)

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

  1. d36498
  2. d974a2
  3. df84ac
  4. e494b6
  5. e9a3c0
  6. eeb2ca
  7. f2c2d5
  8. f6d1df
  9. f9e0ea
  10. fcf0f4

暗く:#d36498 に黒を混ぜる

  1. d36498
  2. b75684
  3. 9c4870
  4. 823b5c
  5. 692e4a
  6. 512238
  7. 3a1627
  8. 240b17
  9. 100308
  10. 020001

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

  1. d36498
  2. cd6a97
  3. c76f96
  4. c17496
  5. bb7895
  6. b47d94
  7. ae8193
  8. a78592
  9. 9f8891
  10. 988c90

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

#d36498 は何色ですか?

#d36498 はやわらかな ピンクです。最も近い名前のある色はやわらかな ピンクです。RGBでは rgb(211, 100, 152)、HSLでは hsl(331.89, 55.78%, 60.98%)、OKLCHでは oklch(65.159% 0.15077 352.732) です。

#d36498 に合う色は?

#d36498 の補色は #00ab87 です。落ち着いた組み合わせにするなら、類似色の #ba6dc5 と #dc6563 を使いましょう。トライアドの組み合わせは #929800 と #009ddc です。

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

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

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

#d36498 は暖色系の色です。OKLCHでは色相 353度、明度 65.2%、クロマ 0.151 です。