DevArbor
#FFDAB9

PeachPuff — カラーコードとパレット

#FFDAB9  ·  rgb(255, 218, 185)  ·  hsl(28, 100%, 86%)

カラーコード

形式 値
HEX #FFDAB9
RGB rgb(255, 218, 185)
HSL hsl(28, 100%, 86%)

PeachPuffのシェード（暗色系）

#FFC08A#FFA85C#FF8F2E#FF7700#D16200#A34C00#753700#472100

PeachPuffのティント（淡色系）

#FFDCBD#FFDEC2#FFE1C7#FFE4CC#FFE7D1#FFE9D6#FFECDB#FFEFE0

カラーペアリングとハーモニー

補色
#B8DEFF
類似色 +30°
#FFFDB8
類似色 −30°
#FFB8BA
トライアド +120°
#B8FFD9
トライアド −120°
#D9B8FF

コントラストとアクセシビリティ（WCAG 2.1）

白（#FFFFFF）との対比
1.31:1 — 不合格
黒（#000000）との対比
15.98:1 — 通常テキストでAAAパス

CSSスニペット

.element {
  color: #FFDAB9;
}

.element-bg {
  background-color: #FFDAB9;
  color: #000000;
}

.element-border {
  border: 2px solid #FFDAB9;
}

PeachPuffについて

PeachPuffはhsl(28, 100%, 86%)（色相28°、彩度100%、明度86%）で定義される非常に明るいの鮮やかで高彩度カラーで、HEXコードは#FFDAB9です。正確なカラーモデル値はRGBでrgb(255, 218, 185)、HSLでhsl(28, 100%, 86%)です。白背景でのコントラスト比は1.31:1 — 不合格、黒背景では15.98:1 — 通常テキストでAAAパスです。PeachPuffはUI要素・背景・テキスト・ボーダー・装飾アクセントなど多用途に活用できます。下のシェードセクションでは徐々に暗くなるバリエーションを、ティントストリップでは徐々に明るくなるバリエーションを確認でき、トーンパレットの構築に役立ちます。ハーモニースウォッチはHSL色相環に基づく補色・類似色・トライアドを提供します。

色をインタラクティブに確認したい、パレットを生成したい、カラー形式を変換したいですか？DevArborのカラーピッカーをご活用ください。

カラーピッカーを開く →

よくある質問

PeachPuffのRGB値は何ですか？
PeachPuff（#FFDAB9）のRGB値は rgb(255, 218, 185) です。Red・Green・Blueそれぞれの光の量を0〜255のスケールで表しています。
PeachPuffは白背景でアクセシブルですか？
PeachPuffと白（#FFFFFF）のコントラスト比は 1.31:1 — 不合格 です。黒（#000000）との比は 15.98:1 — 通常テキストでAAAパス です。WCAG 2.1ではAA（通常テキスト）に4.5:1、AAAに7:1以上が必要とされています。
PeachPuffに合う色は何ですか？
カラー理論に基づくと、PeachPuff（hsl(28, 100%, 86%)）は補色・類似色・トライアドと相性がよいです。各ペアリングタイプの正確なHEX値は上のハーモニースウォッチを参照してください。