CSS の名前付きカラー
PeachPuff のカラーコード
PeachPuff はオレンジ系の色で、明るさはとても高め、彩度は高めです。カラーコードは #FFDAB9 です。 RGB では rgb(255, 218, 185)、HSL では hsl(28, 100%, 86%)、CMYK では cmyk(0%, 15%, 27%, 0%) です。
PeachPuff
#FFDAB9
カラー値
CSS ではキーワード peachpuff で指定できます。
PeachPuff の上の白い文字のコントラスト比は 1.31:1、黒い文字は 15.98:1 なので、黒の文字の方が読みやすくなります。
最も近い Tailwind CSS のカラーは Orange 200 (#FED7AA) です。
CSS で PeachPuff を使う
.element {
color: peachpuff;
background-color: #ffdab9;
border-color: rgb(255, 218, 185);
}PeachPuff の濃淡
同じ色相で明るい色から暗い色までの 10 段階。クリックでコピーできます。
PeachPuff と相性のよい色
#FFDAB9 をもとにした色相環の配色。スウォッチをクリックしてコピーするか、カラーホイールで開けます。
PeachPuff の上の文字コントラスト
Aa
白い文字
1.31:1
不合格
Aa
黒い文字
15.98:1
AAA
PeachPuff に近い色
最も近い CSS カラー名
最も近い中国の伝統色
最も近い Tailwind カラー
近い色を含むパレット
PeachPuff についてのよくある質問
PeachPuff のカラーコードは？
PeachPuff のカラーコードは #FFDAB9 です。RGB 値は rgb(255, 218, 185)、HSL 値は hsl(28, 100%, 86%) です。
PeachPuff に合う色は？
PeachPuff の補色は #B8DEFF です。やわらかい配色なら類似色の #FFB8BA、#FFFDB8、バランスのよい 3 色配色ならトライアドの #B8FFD9、#D9B8FF を使いましょう。
PeachPuff は文字色として読みやすいですか？
白い背景の上では PeachPuff のコントラスト比は 1.31:1 で、通常テキストの WCAG AA 基準（4.5:1）を満たしていません。黒い背景の上では 15.98:1 です。