カラーピッカーへ移動

カラーコード #11615e:やわらかな 暗いティール

#11615e はRGBで rgb(17, 97, 94)、OKLCHで oklch(44.729% 0.07188 190.987) です。ほかの形式、シェード、コントラストはすべて下にあります。

HEXとして認識

178°
100%

44.7%
0.072
191°
  • ティール
  • 暗い
  • ソフト
  • 寒色系
  • ≈ チャコールグレー
  • teal-800
  • 黒 62%

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

白い文字
7.25:1読みやすい · AA
Lc -90
黒い文字
2.90:1読みにくい
Lc 19

シェード

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

カラーハーモニー

パレットで開く

最近の色

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

#11615e について

#11615e はやわらかな 暗いティールです。OKLCHでは明度 44.7%、クロマ 0.072、色相 191° です。

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

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

最も近い名前のある色はチャコールグレー(#36454f)です。Tailwind CSSで最も近い色は teal-800 です。

ほかのティール系の色(暗い)

明るく:#11615e に白を混ぜる

  1. 11615e
  2. 31706d
  3. 497f7c
  4. 608e8b
  5. 769e9b
  6. 8dadab
  7. a3bdbb
  8. bacdcc
  9. d0dedd
  10. e8eeee

暗く:#11615e に黒を混ぜる

  1. 11615e
  2. 0d5351
  3. 094644
  4. 063937
  5. 042d2b
  6. 02211f
  7. 011514
  8. 000b0a
  9. 000303
  10. 000000

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

  1. 11615e
  2. 1f605d
  3. 285f5c
  4. 305e5b
  5. 375c5a
  6. 3d5b59
  7. 425a58
  8. 475957
  9. 4c5756
  10. 505655

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

#11615e は何色ですか?

#11615e はやわらかな 暗いティールです。最も近い名前のある色はやわらかな 暗いティールです。RGBでは rgb(17, 97, 94)、HSLでは hsl(177.75, 70.18%, 22.35%)、OKLCHでは oklch(44.729% 0.07188 190.987) です。

#11615e に合う色は?

#11615e の補色は #77434b です。落ち着いた組み合わせにするなら、類似色の #2b6147 と #1a5d71 を使いましょう。トライアドの組み合わせは #614972 と #6e4d24 です。

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

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

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

#11615e は寒色系の色です。OKLCHでは色相 191度、明度 44.7%、クロマ 0.072 です。