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

CSS の名前付きカラー

DarkSlateGray のカラーコード

DarkSlateGray はシアン系の色で、明るさは低め、彩度は低めです。カラーコードは #2F4F4F です。 RGB では rgb(47, 79, 79)、HSL では hsl(180, 25%, 25%)、CMYK では cmyk(41%, 0%, 0%, 69%) です。

DarkSlateGray
#2F4F4F

カラー値

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

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

最も近い Tailwind CSS のカラーは Teal 900 (#134E4A) です。

CSS で DarkSlateGray を使う

.element {
  color: darkslategray;
  background-color: #2f4f4f;
  border-color: rgb(47, 79, 79);
}

DarkSlateGray の濃淡

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

DarkSlateGray と相性のよい色

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

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

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

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

スプリット補色

カラーホイールで開く

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

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

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

DarkSlateGray に近い色

近い色を含むパレット

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

DarkSlateGray のカラーコードは?

DarkSlateGray のカラーコードは #2F4F4F です。RGB 値は rgb(47, 79, 79)、HSL 値は hsl(180, 25%, 25%) です。

DarkSlateGray に合う色は?

DarkSlateGray の補色は #503030 です。やわらかい配色なら類似色の #305040、#304050、バランスのよい 3 色配色ならトライアドの #503050、#505030 を使いましょう。

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

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

ほかのグレー系の色