#EA5C10

#EA5C10

オレンジレッド系

カラーコード変換

形式
HEX#EA5C10
RGBrgb(234, 92, 16)
RGBArgba(234, 92, 16, 1)
HSLhsl(21, 87%, 49%)
HSVhsv(21, 93%, 92%)
CMYKcmyk(0%, 61%, 93%, 8%)
Aa

白背景

3.48:1AA Large

Aa

黒背景

6.04:1AA適合


配色パレット提案

補色

色相環で180°反対に位置する色

#EA5C10#109EEA

類似色

色相環で隣接する色

#EA1031#EA2610#EA5C10#EA9310#EAC910

トライアド

色相環で120°間隔の3色

#EA5C10#10EA5C#5C10EA

テトラード

色相環で90°間隔の4色

#EA5C10#31EA10#109EEA#C910EA

モノクローム

同じ色相の明度バリエーション

#5B2406#A2400B#EA5C10#F38B53#F8BB9B

スプリットコンプリメンタリー

補色の両隣の色

#EA5C10#10EAC9#1031EA

CSSグラデーションサンプル

ライト → ダーク

linear-gradient(135deg, #F6AB83, #EA5C10, #722D08)

補色グラデーション

linear-gradient(135deg, #EA5C10, #109EEA)

類似色グラデーション

linear-gradient(135deg, #EA1031, #EA5C10, #EAC910)

ラジアルグロー

radial-gradient(circle, #EA5C10, #722D08)

サンセット風

linear-gradient(to right, #EA5C10, #EAC910, #109EEA)

オーバーレイ

linear-gradient(180deg, #EA5C10CC, #EA5C1033)

CSS使用例

背景色として使用

Hello, World!
background-color: #EA5C10;

テキスト色として使用

Color Text
color: #EA5C10;

ボーダー色として使用

ボーダー要素
border: 3px solid #EA5C10;

シャドウとして使用

Shadow
box-shadow: 0 8px 32px #EA5C1066;

関連するカラー