CSS の名前付きカラー
FireBrick のカラーコード
FireBrick はレッド系の色で、明るさは中くらい、彩度は高めです。カラーコードは #B22222 です。 RGB では rgb(178, 34, 34)、HSL では hsl(0, 68%, 42%)、CMYK では cmyk(0%, 81%, 81%, 30%) です。
FireBrick
#B22222
カラー値
CSS ではキーワード firebrick で指定できます。
FireBrick の上の白い文字のコントラスト比は 6.68:1、黒い文字は 3.14:1 なので、白の文字の方が読みやすくなります。
最も近い Tailwind CSS のカラーは Red 700 (#B91C1C) です。
CSS で FireBrick を使う
.element {
color: firebrick;
background-color: #b22222;
border-color: rgb(178, 34, 34);
}FireBrick の濃淡
同じ色相で明るい色から暗い色までの 10 段階。クリックでコピーできます。
FireBrick と相性のよい色
#B22222 をもとにした色相環の配色。スウォッチをクリックしてコピーするか、カラーホイールで開けます。
FireBrick の上の文字コントラスト
Aa
白い文字
6.68:1
AA
Aa
黒い文字
3.14:1
AA · 大きなテキスト
FireBrick に近い色
最も近い CSS カラー名
最も近い中国の伝統色
最も近い Tailwind カラー
近い色を含むパレット
FireBrick についてのよくある質問
FireBrick のカラーコードは？
FireBrick のカラーコードは #B22222 です。RGB 値は rgb(178, 34, 34)、HSL 値は hsl(0, 68%, 42%) です。
FireBrick に合う色は？
FireBrick の補色は #22B4B4 です。やわらかい配色なら類似色の #B4226B、#B46B22、バランスのよい 3 色配色ならトライアドの #22B422、#2222B4 を使いましょう。
FireBrick は文字色として読みやすいですか？
白い背景の上では FireBrick のコントラスト比は 6.68:1 で、通常テキストの WCAG AA 基準（4.5:1）を満たしています。黒い背景の上では 3.14:1 です。