カラーピッカーへ移動

カラーコード #a67f83:スモーキーな ローズ

#a67f83 はRGBで rgb(166, 127, 131)、OKLCHで oklch(63.532% 0.04861 11.664) です。ほかの形式、シェード、コントラストはすべて下にあります。

HEXとして認識

354°
100%

63.5%
0.049
12°
  • ローズ
  • 中間
  • くすみ
  • スモーキー
  • 暖色系
  • ≈ 灰色
  • olive-500
  • 黒 35%

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

白い文字
3.51:1読みにくい
Lc -68
黒い文字
5.98:1読みやすい · AA
Lc 41

シェード

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

配色ハーモニー

パレットで開く

最近の色

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

#a67f83 について

#a67f83 はスモーキーな ローズです。OKLCHでは明度 63.5%、クロマ 0.049、色相 12° です。

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

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

最も近い名前のある色は灰色(#808080)です。Tailwind CSSで最も近い色は olive-500 です。

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

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

  1. a67f83
  2. af8b8f
  3. b8979b
  4. c1a4a7
  5. cab1b3
  6. d3bdbf
  7. dbcacc
  8. e4d7d8
  9. ede4e5
  10. f6f2f2

暗く:#a67f83 に黒を混ぜる

  1. a67f83
  2. 906e71
  3. 7a5d60
  4. 654c4f
  5. 513c3f
  6. 3e2d2f
  7. 2b1f20
  8. 1a1112
  9. 0a0606
  10. 010101

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

  1. a67f83
  2. a38084
  3. a18185
  4. 9e8385
  5. 9c8486
  6. 998587
  7. 968688
  8. 938788
  9. 908889
  10. 8e898a

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

#a67f83 は何色ですか?

#a67f83 はスモーキーな ローズです。最も近い名前のある色はスモーキーな ローズです。RGBでは rgb(166, 127, 131)、HSLでは hsl(353.85, 17.97%, 57.45%)、OKLCHでは oklch(63.532% 0.04861 11.664) です。

#a67f83 に合う色は?

#a67f83 の補色は #689592 です。落ち着いた組み合わせにするなら、類似色の #a07f93 と #a58174 を使いましょう。トライアドの組み合わせは #809173 と #768da8 です。

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

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

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

#a67f83 は暖色系の色です。OKLCHでは色相 12度、明度 63.5%、クロマ 0.049 です。