カラーピッカーへ移動

カラーコード #415552:くすんだ 暗いティール

#415552 はRGBで rgb(65, 85, 82)、OKLCHで oklch(43.184% 0.02513 185.043) です。ほかの形式、シェード、コントラストはすべて下にあります。

HEXとして認識

171°
100%

43.2%
0.025
185°
  • ティール
  • 暗い
  • くすみ
  • 寒色系
  • ≈ ローアンバー
  • mist-600
  • 黒 67%

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

白い文字
7.94:1読みやすい · AA
Lc -92
黒い文字
2.65:1読みにくい
Lc 16

シェード

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

配色ハーモニー

パレットで開く

最近の色

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

#415552 について

#415552 はくすんだ 暗いティールです。OKLCHでは明度 43.2%、クロマ 0.025、色相 185° です。

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

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

最も近い名前のある色はローアンバー(#635147)です。Tailwind CSSで最も近い色は mist-600 です。

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

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

  1. 415552
  2. 526462
  3. 647472
  4. 768482
  5. 889593
  6. 9ba6a4
  7. aeb7b6
  8. c2c9c8
  9. d6dbda
  10. eaedec

暗く:#415552 に黒を混ぜる

  1. 415552
  2. 374946
  3. 2e3d3b
  4. 25312f
  5. 1c2625
  6. 131c1a
  7. 0b1111
  8. 050808
  9. 010202
  10. 000000

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

  1. 415552
  2. 435552
  3. 445452
  4. 465451
  5. 475351
  6. 495351
  7. 4a5251
  8. 4c5251
  9. 4d5151
  10. 4f5150

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

#415552 は何色ですか?

#415552 はくすんだ 暗いティールです。最も近い名前のある色はくすんだ 暗いティールです。RGBでは rgb(65, 85, 82)、HSLでは hsl(171, 13.33%, 29.41%)、OKLCHでは oklch(43.184% 0.02513 185.043) です。

#415552 に合う色は?

#415552 の補色は #5d4b4e です。落ち着いた組み合わせにするなら、類似色の #46554a と #415459 を使いましょう。トライアドの組み合わせは #534d5c と #5a4e42 です。

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

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

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

#415552 は寒色系の色です。OKLCHでは色相 185度、明度 43.2%、クロマ 0.025 です。