カラーコードとパレット
ベージュのカラーコード
ベージュは CSS 値 #F5F5DC の、明るく暖かいニュートラルカラーです。白より温かみがありながら静かな余白を保ち、エディトリアル、ホスピタリティ、ナチュラル製品のレイアウトに向いています。
ベージュ
#F5F5DC
カラー形式
同じベースカラーを主要な Web 形式で表しています。
濃淡
| カラー | 名前 | HEX | RGB | HSL | コピー |
|---|---|---|---|---|---|
| Beige 50 | #F9F9EB | 249, 249, 235 | 60, 54%, 95% | ||
| Beige 100 | #EEEEC3 | 238, 238, 195 | 60, 56%, 85% | ||
| Beige 200 | #E3E39C | 227, 227, 156 | 60, 56%, 75% | ||
| Beige 300 | #D8D874 | 216, 216, 116 | 60, 56%, 65% | ||
| Beige 400 | #CDCD4C | 205, 205, 76 | 60, 56%, 55% | ||
| Beige 500 | #B3B332 | 179, 179, 50 | 60, 56%, 45% | ||
| Beige 600 | #8B8B27 | 139, 139, 39 | 60, 56%, 35% | ||
| Beige 700 | #63631C | 99, 99, 28 | 60, 56%, 25% | ||
| Beige 800 | #3C3C11 | 60, 60, 17 | 60, 56%, 15% | ||
| Beige 900 | #141406 | 20, 20, 6 | 60, 54%, 5% |
文字のコントラスト
これらの比率は WCAG の相対輝度の式で計算しています。
Aa 白い文字 1.11:1
不合格
Aa 黒い文字 18.98:1
AAA
ベージュの使い方
温かみのあるエディトリアルの背景
ホスピタリティ・ライフスタイル系のブランド
オリーブやブラウンと合わせたナチュラルな配色
ベージュ と相性のよい色
#F5F5DC をもとにした色相環の配色。スウォッチをクリックしてコピーするか、カラーホイールで開けます。