カラーコードとパレット
コーラルのカラーコード
コーラルは CSS 値 #FF7F50 の、温かみのあるピンクがかったオレンジです。生き生きとして親しみやすく、純粋な赤ほどの厳しさなしに CTA やイラストに活気を与えます。
コーラル
#FF7F50
カラー形式
同じベースカラーを主要な Web 形式で表しています。
濃淡
| カラー | 名前 | HEX | RGB | HSL | コピー |
|---|---|---|---|---|---|
| Coral 50 | #FFECE5 | 255, 236, 229 | 16, 100%, 95% | ||
| Coral 100 | #FFC7B3 | 255, 199, 179 | 16, 100%, 85% | ||
| Coral 200 | #FFA280 | 255, 162, 128 | 16, 100%, 75% | ||
| Coral 300 | #FF7C4D | 255, 124, 77 | 16, 100%, 65% | ||
| Coral 400 | #FF571A | 255, 87, 26 | 16, 100%, 55% | ||
| Coral 500 | #E63D00 | 230, 61, 0 | 16, 100%, 45% | ||
| Coral 600 | #B33000 | 179, 48, 0 | 16, 100%, 35% | ||
| Coral 700 | #802200 | 128, 34, 0 | 16, 100%, 25% | ||
| Coral 800 | #4D1400 | 77, 20, 0 | 16, 100%, 15% | ||
| Coral 900 | #1A0700 | 26, 7, 0 | 16, 100%, 5% |
文字のコントラスト
これらの比率は WCAG の相対輝度の式で計算しています。
Aa 白い文字 2.50:1
不合格
Aa 黒い文字 8.40:1
AAA
コーラルの使い方
親しみやすい CTA
旅行・ライフスタイルのイラスト
ティールと合わせたアクセント
コーラル と相性のよい色
#FF7F50 をもとにした色相環の配色。スウォッチをクリックしてコピーするか、カラーホイールで開けます。