#FFEFD5
PapayaWhip — カラーコードとパレット
#FFEFD5 · rgb(255, 239, 213) · hsl(37, 100%, 92%)
カラーコード
| 形式 | 値 | |
|---|---|---|
| HEX | #FFEFD5 | |
| RGB | rgb(255, 239, 213) | |
| HSL | hsl(37, 100%, 92%) |
PapayaWhipのシェード（暗色系）
| #FFDCA3 | #FFC870 | #FFB53D | #FFA10A | #D68400 | #A36500 | #704500 | #3D2600 |
PapayaWhipのティント（淡色系）
| #FFEFD6 | #FFEFD6 | #FFEFD6 | #FFEFD6 | #FFEFD6 | #FFEFD6 | #FFEFD6 | #FFEFD6 |
カラーペアリングとハーモニー
|
補色
#D6E6FF
|
類似色 +30°
#FAFFD6
|
類似色 −30°
#FFDBD6
|
トライアド +120°
#D6FFEF
|
トライアド −120°
#EFD6FF
|
コントラストとアクセシビリティ（WCAG 2.1）
白（#FFFFFF）との対比
1.13:1 — 不合格
黒（#000000）との対比
18.56:1 — 通常テキストでAAAパス
CSSスニペット
.element {
color: #FFEFD5;
}
.element-bg {
background-color: #FFEFD5;
color: #000000;
}
.element-border {
border: 2px solid #FFEFD5;
}
PapayaWhipについて
PapayaWhipはhsl(37, 100%, 92%)（色相37°、彩度100%、明度92%）で定義される非常に明るいの鮮やかで高彩度カラーで、HEXコードは#FFEFD5です。正確なカラーモデル値はRGBでrgb(255, 239, 213)、HSLでhsl(37, 100%, 92%)です。白背景でのコントラスト比は1.13:1 — 不合格、黒背景では18.56:1 — 通常テキストでAAAパスです。PapayaWhipはUI要素・背景・テキスト・ボーダー・装飾アクセントなど多用途に活用できます。下のシェードセクションでは徐々に暗くなるバリエーションを、ティントストリップでは徐々に明るくなるバリエーションを確認でき、トーンパレットの構築に役立ちます。ハーモニースウォッチはHSL色相環に基づく補色・類似色・トライアドを提供します。
色をインタラクティブに確認したい、パレットを生成したい、カラー形式を変換したいですか？DevArborのカラーピッカーをご活用ください。
カラーピッカーを開く →よくある質問
PapayaWhipのRGB値は何ですか？
PapayaWhip（#FFEFD5）のRGB値は rgb(255, 239, 213) です。Red・Green・Blueそれぞれの光の量を0〜255のスケールで表しています。
PapayaWhipは白背景でアクセシブルですか？
PapayaWhipと白（#FFFFFF）のコントラスト比は 1.13:1 — 不合格 です。黒（#000000）との比は 18.56:1 — 通常テキストでAAAパス です。WCAG 2.1ではAA（通常テキスト）に4.5:1、AAAに7:1以上が必要とされています。
PapayaWhipに合う色は何ですか？
カラー理論に基づくと、PapayaWhip（hsl(37, 100%, 92%)）は補色・類似色・トライアドと相性がよいです。各ペアリングタイプの正確なHEX値は上のハーモニースウォッチを参照してください。