メインコンテンツへスキップ
Color Codes

CSS の名前付きカラー

DarkRed のカラーコード

DarkRed はレッド系の色で、明るさは低め、彩度は高めです。カラーコードは #8B0000 です。 RGB では rgb(139, 0, 0)、HSL では hsl(0, 100%, 27%)、CMYK では cmyk(0%, 100%, 100%, 45%) です。

DarkRed
#8B0000

カラー値

CSS ではキーワード darkred で指定できます。

DarkRed の上の白い文字のコントラスト比は 10.01:1、黒い文字は 2.10:1 なので、白の文字の方が読みやすくなります。

最も近い Tailwind CSS のカラーは Red 900 (#7F1D1D) です。

CSS で DarkRed を使う

.element {
  color: darkred;
  background-color: #8b0000;
  border-color: rgb(139, 0, 0);
}

DarkRed の濃淡

同じ色相で明るい色から暗い色までの 10 段階。クリックでコピーできます。

DarkRed と相性のよい色

#8B0000 をもとにした色相環の配色。スウォッチをクリックしてコピーするか、カラーホイールで開けます。

色相環で向かい合う色。コントラストが最も強く、力強いアクセントに。

隣り合う色相。落ち着いた統一感のある面に向いています。

等間隔に並ぶ 3 つの色相。カラフルでもバランスのよい配色に。

スプリット補色

カラーホイールで開く

ベース色と補色の両隣の色。コントラストを保ちつつ穏やかに。

DarkRed の上の文字コントラスト

Aa
白い文字
10.01:1
AAA
Aa
黒い文字
2.10:1
不合格
コントラストチェッカーで確認

DarkRed に近い色

近い色を含むパレット

DarkRed についてのよくある質問

DarkRed のカラーコードは?

DarkRed のカラーコードは #8B0000 です。RGB 値は rgb(139, 0, 0)、HSL 値は hsl(0, 100%, 27%) です。

DarkRed に合う色は?

DarkRed の補色は #008A8A です。やわらかい配色なら類似色の #8A0045、#8A4500、バランスのよい 3 色配色ならトライアドの #008A00、#00008A を使いましょう。

DarkRed は文字色として読みやすいですか?

白い背景の上では DarkRed のコントラスト比は 10.01:1 で、通常テキストの WCAG AA 基準(4.5:1)を満たしています。黒い背景の上では 2.10:1 です。

ほかのレッド系の色