SCROLL
カラー規定
ブランドを象徴するカラー表現に関する基本的な指針です。ブランドカラーの誤用や安易な多用によるブランド価値の毀損を防ぐとともに、ブランドイメージ（おもしろいほうの未来へ。）の醸成につながるように、使用すべきカラーの内容やカラーの割合を規定します。
- ブランドカラー
-
- PANTONE
- 166C
- CMYK
- 0, 80, 100, 0
- RGB
- 235, 85, 5
- HEX
- #EB5505
ブランドカラー
（auオレンジ）
auを象徴するauの最高位のデザイン要素のひとつです。あらゆる媒体で効果的に展開していきます。また、必ずブランドカラー（auオレンジ）の規定を遵守し、十分な色校正を行って忠実な再現を心がけてください。
- アクセントカラー
-
- CMYK
- 85, 45, 40, 0
- RGB
- 0, 123, 148
- HEX
- #007B94
アクセントカラー
アクセントカラーはブランドカラーを際立たせる役割として補助的に使用していきます。ブランドカラーだけでは表現が難しい際や、アクセシビリティ対応が必要な場合に使用します。使用は必須ではありません。使用に際しては全体としてブランドカラーの印象を損ねないように注意し、ブランドイメージは必ずブランドカラーに集積させるように留意します。
- ベースカラー
-
- CMYK
- 0, 0, 0, 8
- RGB
- 247, 247, 247
- HEX
- #F7F7F7
- ベースカラー
-
- PANTONE
- #000C
- CMYK
- 0, 0, 0, 0
- RGB
- 255, 255, 255
ベースカラー
ベースカラーは背景色や目立たせたくない要素などに使用します。
アクセントカラーと同じくブランドイメージは必ずブランドカラーに集積させます。
- ベースカラー
-
- RGB
- 255, 255, 255
- HEX
- #FFFFFF
- ベースカラー
-
- RGB
- 247, 247, 247
- HEX
- #F7F7F7
- ブランドカラー
-
- RGB
- 235, 85, 5
- HEX
- #EB5505
- アクセントカラーLight
-
- RGB
- 0, 123, 148
- HEX
- #007B94
- ベースカラー
-
- RGB
- 14, 29, 43
- HEX
- #0E1D2B
- ブランドカラー
-
- RGB
- 235, 85, 5
- HEX
- #EB5505
- アクセントカラーDark
-
- RGB
- 0, 145, 174
- HEX
- #0091AB
アクセシビリティ対応
カラーを使用する際は可能な範囲でアクセシビリティ対応するカラーを使用し、ダークモード時にもコントラスト比が確保できるものを使用します。WCAG 2.1の達成基準に照らし、テキストおよび画像化されたテキストの表示色と背景色には、十分なコントラスト比を確保できるよう考慮しています。
【コントラスト比達成基準】
- 文字サイズが29px（22pt）以上の場合：
コントラスト比 3:1以上 - 文字サイズが24px（18pt）以上で太字の場合：
コントラスト比 3:1以上 - その他の要素の場合：コントラスト比 4.5:1以上
推奨カラー比率
ブランドイメージの一貫性を担保するために図の推奨のカラー比率を参照してください。
しかし、カラー比率を守ることによって効果的な訴求が行えない場合はブランドマネジメント部と相談・協議の上判断してください。