ルビーレッド

宝石のルビーにちなんだ名前です。深く輝く赤で、ジュエリーやお祝い、記念日を連想させます。ドレスや高級パッケージ、クリスマスの装飾に使われます。

別名：ルビー, ルビー色

ルビーレッド · #9B111E

ルビーレッドの基本情報

ルビーレッド（#9B111E）は、暖色系・中くらいの明るさ・鮮やかの色です。赤系の色のグループに属します。RGBの値は赤155・緑17・青30（各255段階）。主な用途：ジュエリー, ファッション, ブランディング。

明るい色から暗い色の順に並んでいます。色をタップするとカラーコードをコピーできます。

色相環にもとづいた配色です。配色ハーモニーツールでさらに多くのパターンを試せます。

類似色近い色：プラム, 茶色

トライアド近い色：緑, 群青色

スプリット・コンプリメンタリー近い色：翡翠色, フレンチブルー

カラーコードをコピーするか、エディターで開いて自由に調整できます。

モノクロマティックパレット · ルビーレッド

類似色パレット · ルビーレッド

補色パレット · ルビーレッド

トライアドパレット · ルビーレッド

ニュートラルカラー入りパレット · ルビーレッド

アクセントカラー入りパレット · ルビーレッド

白い文字コントラスト比 8.4:1 · AAA

黒い文字コントラスト比 2.5:1 · 非推奨

WCAG 2.1の基準にもとづいています。ほかの色の組み合わせはコントラストチェッカーで確認できます。

:root {
  --ruby: #9B111E;
  --ruby-rgb: 155, 17, 30;
}
.bg { background-color: var(--ruby); }
.text { color: var(--ruby); }

ルビーレッドのカラーコードは？

ルビーレッドのHEXコードは#9B111Eです。RGBではrgb(155, 17, 30)、HSLではhsl(354, 80%, 34%)、CMYKでは0, 89, 81, 39となります。

ルビーレッドの補色は何色ですか？

色相環で反対側にある補色は#119B8Eで、ティファニーブルーに近い色合いです。少量をアクセントとして使うと、強いコントラストが生まれます。

ルビーレッドの上に白い文字を置いても読みやすいですか？

はい。白とのコントラスト比は8.4:1で、通常サイズの文字にも十分です（WCAG AA）。