カラーピッカーへ移動

カラーコード #220c19:やわらかな ごく暗いピンク

#220c19 はRGBで rgb(34, 12, 25)、OKLCHで oklch(19.44% 0.04289 345.388) です。ほかの形式、シェード、コントラストはすべて下にあります。

HEXとして認識

325°
100%

19.4%
0.043
345°
  • ピンク
  • ごく暗い
  • ソフト
  • 暖色系
  • ≈ グラファイト
  • mauve-900
  • 黒 87%

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

白い文字
18.51:1読みやすい · AA
Lc -107
黒い文字
1.13:1読みにくい
Lc 0

シェード

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

配色ハーモニー

パレットで開く

最近の色

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

#220c19 について

#220c19 はやわらかな ごく暗いピンクです。OKLCHでは明度 19.4%、クロマ 0.043、色相 345° です。

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

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

最も近い名前のある色はグラファイト(#383838)です。Tailwind CSSで最も近い色は mauve-900 です。

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

明るく:#220c19 に白を混ぜる

  1. 220c19
  2. 35202c
  3. 493540
  4. 5e4b55
  5. 73626b
  6. 897a82
  7. a0949a
  8. b7adb2
  9. cfc8cb
  10. e7e3e5

暗く:#220c19 に黒を混ぜる

  1. 220c19
  2. 1c0914
  3. 160610
  4. 11040b
  5. 0b0307
  6. 070204
  7. 030102
  8. 010001
  9. 000000
  10. 000000

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

  1. 220c19
  2. 210d19
  3. 200e18
  4. 1e0f18
  5. 1d1017
  6. 1c1117
  7. 1b1216
  8. 191216
  9. 181316
  10. 161415

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

#220c19 は何色ですか?

#220c19 はやわらかな ごく暗いピンクです。最も近い名前のある色はやわらかな ごく暗いピンクです。RGBでは rgb(34, 12, 25)、HSLでは hsl(324.55, 47.83%, 9.02%)、OKLCHでは oklch(19.44% 0.04289 345.388) です。

#220c19 に合う色は?

#220c19 の補色は #001b10 です。落ち着いた組み合わせにするなら、類似色の #1c0e22 と #250c0e を使いましょう。トライアドの組み合わせは #181600 と #001823 です。

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

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

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

#220c19 は暖色系の色です。OKLCHでは色相 345度、明度 19.4%、クロマ 0.043 です。