カラーピッカーへ移動

カラーコード #baaaa6:明るいグレー

#baaaa6 はRGBで rgb(186, 170, 166)、OKLCHで oklch(75.047% 0.01948 34.298) です。ほかの形式、シェード、コントラストはすべて下にあります。

HEXとして認識

12°
100%

75%
0.019
34°
  • グレー
  • 明るい
  • くすみ
  • ニュートラル
  • ≈ ダークグレー
  • olive-400
  • 黒 27%

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

白い文字
2.24:1読みにくい
Lc -49
黒い文字
9.39:1読みやすい · AA
Lc 60

シェード

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

配色ハーモニー

パレットで開く

最近の色

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

#baaaa6 について

#baaaa6 は明るいグレーです。OKLCHでは明度 75%、クロマ 0.019、色相 34° です。

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

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

最も近い名前のある色はダークグレー(#a9a9a9)です。Tailwind CSSで最も近い色は olive-400 です。

ほかのグレー系の色(明るい)系の色

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

  1. baaaa6
  2. c1b2af
  3. c8bbb7
  4. cec3c0
  5. d5cbc9
  6. dcd4d2
  7. e3dcdb
  8. eae5e4
  9. f1eeed
  10. f8f6f6

暗く:#baaaa6 に黒を混ぜる

  1. baaaa6
  2. a19390
  3. 897d7a
  4. 726865
  5. 5c5351
  6. 463f3e
  7. 322d2b
  8. 1e1b1a
  9. 0d0b0a
  10. 020101

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

  1. baaaa6
  2. b9aaa7
  3. b8aba8
  4. b6aba8
  5. b5aca9
  6. b4acaa
  7. b3acab
  8. b2adac
  9. b0adac
  10. afaead

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

#baaaa6 は何色ですか?

#baaaa6 は明るいグレーです。最も近い名前のある色は明るいグレーです。RGBでは rgb(186, 170, 166)、HSLでは hsl(12, 12.66%, 69.02%)、OKLCHでは oklch(75.047% 0.01948 34.298) です。

#baaaa6 に合う色は?

#baaaa6 の補色は #a1b2b6 です。落ち着いた組み合わせにするなら、類似色の #baa9ac と #b7aca2 を使いましょう。トライアドの組み合わせは #a5b2a9 と #aaadbb です。

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

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

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

#baaaa6 はニュートラルの色です。OKLCHでは色相 34度、明度 75%、クロマ 0.019 です。