カラーピッカーへ移動

カラーコード #653d4e:やわらかな 暗いピンク

#653d4e はRGBで rgb(101, 61, 78)、OKLCHで oklch(41.312% 0.06091 353.048) です。ほかの形式、シェード、コントラストはすべて下にあります。

HEXとして認識

335°
100%

41.3%
0.061
353°
  • ピンク
  • 暗い
  • ソフト
  • 暖色系
  • ≈ 茄子紺
  • mauve-600
  • 黒 60%

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

白い文字
9.01:1読みやすい · AA
Lc -95
黒い文字
2.33:1読みにくい
Lc 13

シェード

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

配色ハーモニー

パレットで開く

最近の色

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

#653d4e について

#653d4e はやわらかな 暗いピンクです。OKLCHでは明度 41.3%、クロマ 0.061、色相 353° です。

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

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

最も近い名前のある色は茄子紺(#614051)です。Tailwind CSSで最も近い色は mauve-600 です。

ほかのピンク系の色(暗い)系の色

明るく:#653d4e に白を混ぜる

  1. 653d4e
  2. 744f5e
  3. 83606e
  4. 92737f
  5. a18690
  6. b199a2
  7. c0adb4
  8. d0c1c6
  9. dfd5d9
  10. efeaec

暗く:#653d4e に黒を混ぜる

  1. 653d4e
  2. 573443
  3. 492b38
  4. 3c222d
  5. 2f1a23
  6. 221219
  7. 170a0f
  8. 0c0407
  9. 030102
  10. 000000

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

  1. 653d4e
  2. 633f4e
  3. 60404d
  4. 5e424d
  5. 5b434d
  6. 59454d
  7. 56464c
  8. 54474c
  9. 51494c
  10. 4e4a4b

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

#653d4e は何色ですか?

#653d4e はやわらかな 暗いピンクです。最も近い名前のある色はやわらかな 暗いピンクです。RGBでは rgb(101, 61, 78)、HSLでは hsl(334.5, 24.69%, 31.76%)、OKLCHでは oklch(41.312% 0.06091 353.048) です。

#653d4e に合う色は?

#653d4e の補色は #225648 です。落ち着いた組み合わせにするなら、類似色の #5b405e と #693e3b を使いましょう。トライアドの組み合わせは #4b4f26 と #255167 です。

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

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

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

#653d4e は暖色系の色です。OKLCHでは色相 353度、明度 41.3%、クロマ 0.061 です。