CSS の名前付きカラー
MidnightBlue のカラーコード
MidnightBlue はブルー系の色で、明るさは低め、彩度は中くらいです。カラーコードは #191970 です。 RGB では rgb(25, 25, 112)、HSL では hsl(240, 64%, 27%)、CMYK では cmyk(78%, 78%, 0%, 56%) です。
MidnightBlue
#191970
カラー値
CSS ではキーワード midnightblue で指定できます。
MidnightBlue の上の白い文字のコントラスト比は 14.85:1、黒い文字は 1.41:1 なので、白の文字の方が読みやすくなります。
最も近い Tailwind CSS のカラーは Indigo 900 (#312E81) です。
CSS で MidnightBlue を使う
.element {
color: midnightblue;
background-color: #191970;
border-color: rgb(25, 25, 112);
}MidnightBlue の濃淡
同じ色相で明るい色から暗い色までの 10 段階。クリックでコピーできます。
MidnightBlue と相性のよい色
#191970 をもとにした色相環の配色。スウォッチをクリックしてコピーするか、カラーホイールで開けます。
MidnightBlue の上の文字コントラスト
Aa
白い文字
14.85:1
AAA
Aa
黒い文字
1.41:1
不合格
MidnightBlue に近い色
最も近い CSS カラー名
最も近い中国の伝統色
最も近い Tailwind カラー
近い色を含むパレット
MidnightBlue についてのよくある質問
MidnightBlue のカラーコードは？
MidnightBlue のカラーコードは #191970 です。RGB 値は rgb(25, 25, 112)、HSL 値は hsl(240, 64%, 27%) です。
MidnightBlue に合う色は？
MidnightBlue の補色は #717119 です。やわらかい配色なら類似色の #194571、#451971、バランスのよい 3 色配色ならトライアドの #711919、#197119 を使いましょう。
MidnightBlue は文字色として読みやすいですか？
白い背景の上では MidnightBlue のコントラスト比は 14.85:1 で、通常テキストの WCAG AA 基準（4.5:1）を満たしています。黒い背景の上では 1.41:1 です。