カラーピッカーへ移動

カラーコード #aaaabe:スモーキーな 明るいインディゴ

#aaaabe はRGBで rgb(170, 170, 190)、OKLCHで oklch(74.443% 0.02854 285.686) です。ほかの形式、シェード、コントラストはすべて下にあります。

HEXとして認識

240°
100%

74.4%
0.029
286°
  • インディゴ
  • 明るい
  • くすみ
  • スモーキー
  • 寒色系
  • ≈ ダークグレー
  • mist-400
  • 黒 25%

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

白い文字
2.28:1読みにくい
Lc -50
黒い文字
9.20:1読みやすい · AA
Lc 59

シェード

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

配色ハーモニー

パレットで開く

最近の色

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

#aaaabe について

#aaaabe はスモーキーな 明るいインディゴです。OKLCHでは明度 74.4%、クロマ 0.029、色相 286° です。

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

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

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

ほかのインディゴ系の色(明るい)系の色

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

  1. aaaabe
  2. b2b2c4
  3. babbcb
  4. c3c3d1
  5. cbcbd8
  6. d4d4de
  7. dcdce5
  8. e5e5eb
  9. edeef2
  10. f6f6f8

暗く:#aaaabe に黒を混ぜる

  1. aaaabe
  2. 9393a5
  3. 7d7d8c
  4. 686875
  5. 53535e
  6. 3f3f48
  7. 2d2d33
  8. 1b1b1f
  9. 0b0b0d
  10. 010102

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

  1. aaaabe
  2. aaaabc
  3. aaaaba
  4. ababb9
  5. ababb7
  6. ababb5
  7. ababb3
  8. ababb1
  9. acacb0
  10. acacae

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

#aaaabe は何色ですか?

#aaaabe はスモーキーな 明るいインディゴです。最も近い名前のある色はスモーキーな 明るいインディゴです。RGBでは rgb(170, 170, 190)、HSLでは hsl(240, 13.33%, 70.59%)、OKLCHでは oklch(74.443% 0.02854 285.686) です。

#aaaabe に合う色は?

#aaaabe の補色は #aeae99 です。落ち着いた組み合わせにするなら、類似色の #a1adbe と #b3a7b9 を使いましょう。トライアドの組み合わせは #bca79d と #9cb2a8 です。

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

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

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

#aaaabe は寒色系の色です。OKLCHでは色相 286度、明度 74.4%、クロマ 0.029 です。