カラーピッカーへ移動

カラーコード #d79080:やわらかな 明るい赤

#d79080 はRGBで rgb(215, 144, 128)、OKLCHで oklch(72.052% 0.09012 33.259) です。ほかの形式、シェード、コントラストはすべて下にあります。

HEXとして認識

11°
100%

72.1%
0.090
33°
  • 赤
  • 明るい
  • ソフト
  • 暖色系
  • ≈ キャメル
  • taupe-400
  • 黒 16%

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

白い文字
2.56:1読みにくい
Lc -55
黒い文字
8.19:1読みやすい · AA
Lc 54

シェード

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

カラーハーモニー

パレットで開く

最近の色

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

#d79080 について

#d79080 はやわらかな 明るい赤です。OKLCHでは明度 72.1%、クロマ 0.09、色相 33° です。

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

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

最も近い名前のある色はキャメル(#c19a6b)です。Tailwind CSSで最も近い色は taupe-400 です。

ほかの赤系の色(明るい)

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

  1. d79080
  2. dc9b8c
  3. e0a699
  4. e5b1a5
  5. e9bcb2
  6. edc7be
  7. f1d2cb
  8. f5ddd8
  9. f8e9e5
  10. fcf4f2

暗く:#d79080 に黒を混ぜる

  1. d79080
  2. bb7d6e
  3. 9f6a5d
  4. 85574d
  5. 6b453d
  6. 52342e
  7. 3b241f
  8. 251512
  9. 110706
  10. 020101

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

  1. d79080
  2. d29284
  3. ce9588
  4. c9978b
  5. c4998f
  6. bf9b93
  7. ba9d96
  8. b59f9a
  9. b0a19e
  10. aaa3a1

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

#d79080 は何色ですか?

#d79080 はやわらかな 明るい赤です。最も近い名前のある色はやわらかな 明るい赤です。RGBでは rgb(215, 144, 128)、HSLでは hsl(11.03, 52.1%, 67.25%)、OKLCHでは oklch(72.052% 0.09012 33.259) です。

#d79080 に合う色は?

#d79080 の補色は #59b4c7 です。落ち着いた組み合わせにするなら、類似色の #d58d9f と #cd9868 を使いましょう。トライアドの組み合わせは #77b68a と #92a1de です。

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

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

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

#d79080 は暖色系の色です。OKLCHでは色相 33度、明度 72.1%、クロマ 0.09 です。