カラーピッカーへ移動

カラーコード #4e3333:くすんだ 暗いローズ

#4e3333 はRGBで rgb(78, 51, 51)、OKLCHで oklch(35.299% 0.03934 19.215) です。ほかの形式、シェード、コントラストはすべて下にあります。

HEXとして認識

0°
100%

35.3%
0.039
19°
  • ローズ
  • 暗い
  • くすみ
  • 暖色系
  • ≈ トープ
  • taupe-700
  • 黒 69%

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

白い文字
11.38:1読みやすい · AA
Lc -100
黒い文字
1.85:1読みにくい
Lc 8

シェード

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

配色ハーモニー

パレットで開く

最近の色

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

#4e3333 について

#4e3333 はくすんだ 暗いローズです。OKLCHでは明度 35.3%、クロマ 0.039、色相 19° です。

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

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

最も近い名前のある色はトープ(#483c32)です。Tailwind CSSで最も近い色は taupe-700 です。

ほかのローズ系の色(暗い)系の色

明るく:#4e3333 に白を混ぜる

  1. 4e3333
  2. 5e4545
  3. 6f5757
  4. 806b6a
  5. 927e7e
  6. a39392
  7. b5a7a7
  8. c7bdbc
  9. dad2d2
  10. ece8e8

暗く:#4e3333 に黒を混ぜる

  1. 4e3333
  2. 432b2b
  3. 382323
  4. 2d1c1c
  5. 231414
  6. 190d0d
  7. 0f0707
  8. 070303
  9. 020101
  10. 000000

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

  1. 4e3333
  2. 4c3434
  3. 4b3535
  4. 493635
  5. 473736
  6. 453737
  7. 433838
  8. 413939
  9. 3f3a3a
  10. 3d3a3a

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

#4e3333 は何色ですか?

#4e3333 はくすんだ 暗いローズです。最も近い名前のある色はくすんだ 暗いローズです。RGBでは rgb(78, 51, 51)、HSLでは hsl(0, 20.93%, 25.29%)、OKLCHでは oklch(35.299% 0.03934 19.215) です。

#4e3333 に合う色は?

#4e3333 の補色は #204243 です。落ち着いた組み合わせにするなら、類似色の #4b333e と #4c3529 を使いましょう。トライアドの組み合わせは #31402d と #2f3c50 です。

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

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

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

#4e3333 は暖色系の色です。OKLCHでは色相 19度、明度 35.3%、クロマ 0.039 です。