カラーピッカーへ移動

カラーコード #d76062:やわらかな 赤

#d76062 はRGBで rgb(215, 96, 98)、OKLCHで oklch(63.688% 0.15027 21.298) です。ほかの形式、シェード、コントラストはすべて下にあります。

HEXとして認識

359°
100%

63.7%
0.150
21°
  • 赤
  • 中間
  • ソフト
  • 暖色系
  • ≈ ブラッシュピンク
  • red-400
  • 黒 16%

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

白い文字
3.66:1読みにくい
Lc -69
黒い文字
5.74:1読みやすい · AA
Lc 41

シェード

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

配色ハーモニー

パレットで開く

最近の色

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

#d76062 について

#d76062 はやわらかな 赤です。OKLCHでは明度 63.7%、クロマ 0.15、色相 21° です。

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

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

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

ほかの赤系の色(中間)系の色

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

  1. d76062
  2. dd7171
  3. e38180
  4. e8918f
  5. eca19f
  6. f1b1ae
  7. f5c0be
  8. f8d0ce
  9. fbe0de
  10. fdefef

暗く:#d76062 に黒を混ぜる

  1. d76062
  2. bb5254
  3. 9f4547
  4. 85383a
  5. 6b2c2d
  6. 522021
  7. 3b1516
  8. 250a0b
  9. 110303
  10. 020000

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

  1. d76062
  2. d06666
  3. ca6b6b
  4. c3706f
  5. bc7573
  6. b57977
  7. ad7d7b
  8. a5817f
  9. 9d8483
  10. 948887

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

#d76062 は何色ですか?

#d76062 はやわらかな 赤です。最も近い名前のある色はやわらかな 赤です。RGBでは rgb(215, 96, 98)、HSLでは hsl(358.99, 59.8%, 60.98%)、OKLCHでは oklch(63.688% 0.15027 21.298) です。

#d76062 に合う色は?

#d76062 の補色は #00a1ab です。落ち着いた組み合わせにするなら、類似色の #cd6096 と #d06c23 を使いましょう。トライアドの組み合わせは #51a145 と #5589e5 です。

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

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

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

#d76062 は暖色系の色です。OKLCHでは色相 21度、明度 63.7%、クロマ 0.15 です。