カラーピッカーへ移動

カラーコード #a86471:やわらかな ローズ

#a86471 はRGBで rgb(168, 100, 113)、OKLCHで oklch(58.239% 0.08896 7.847) です。ほかの形式、シェード、コントラストはすべて下にあります。

HEXとして認識

349°
100%

58.2%
0.089
8°
  • ローズ
  • 中間
  • ソフト
  • 暖色系
  • ≈ マルサラ
  • mauve-500
  • 黒 34%

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

白い文字
4.44:1読みにくい
Lc -76
黒い文字
4.73:1読みやすい · AA
Lc 33

シェード

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

カラーハーモニー

パレットで開く

最近の色

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

#a86471 について

#a86471 はやわらかな ローズです。OKLCHでは明度 58.2%、クロマ 0.089、色相 8° です。

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

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

最も近い名前のある色はマルサラ(#964f4c)です。Tailwind CSSで最も近い色は mauve-500 です。

ほかのローズ系の色(中間)

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

  1. a86471
  2. b1737e
  3. bb828c
  4. c49199
  5. cda0a7
  6. d5b0b5
  7. debfc4
  8. e7cfd2
  9. efdfe1
  10. f7eff0

暗く:#a86471 に黒を混ぜる

  1. a86471
  2. 925661
  3. 7c4852
  4. 673b43
  5. 522e35
  6. 3f2227
  7. 2c161a
  8. 1a0b0e
  9. 0a0304
  10. 010001

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

  1. a86471
  2. a46772
  3. a06973
  4. 9c6c74
  5. 976e75
  6. 937076
  7. 8f7377
  8. 8a7578
  9. 857779
  10. 80797a

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

#a86471 は何色ですか?

#a86471 はやわらかな ローズです。最も近い名前のある色はやわらかな ローズです。RGBでは rgb(168, 100, 113)、HSLでは hsl(348.53, 28.1%, 52.55%)、OKLCHでは oklch(58.239% 0.08896 7.847) です。

#a86471 に合う色は?

#a86471 の補色は #2a8c85 です。落ち着いた組み合わせにするなら、類似色の #9d668e と #a86854 を使いましょう。トライアドの組み合わせは #6c854a と #4e7fad です。

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

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

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

#a86471 は暖色系の色です。OKLCHでは色相 8度、明度 58.2%、クロマ 0.089 です。