#EA5110

#EA5110

オレンジレッド系

カラーコード変換

形式
HEX#EA5110
RGBrgb(234, 81, 16)
RGBArgba(234, 81, 16, 1)
HSLhsl(18, 87%, 49%)
HSVhsv(18, 93%, 92%)
CMYKcmyk(0%, 65%, 93%, 8%)
Aa

白背景

3.70:1AA Large

Aa

黒背景

5.68:1AA適合


配色パレット提案

補色

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

#EA5110#10A8EA

類似色

色相環で隣接する色

#EA103C#EA1B10#EA5110#EA8810#EABE10

トライアド

色相環で120°間隔の3色

#EA5110#10EA51#5110EA

テトラード

色相環で90°間隔の4色

#EA5110#3CEA10#10A8EA#BE10EA

モノクローム

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

#5B2006#A2390B#EA5110#F38353#F8B79B

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

補色の両隣の色

#EA5110#10EABE#103CEA

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

ライト → ダーク

linear-gradient(135deg, #F6A683, #EA5110, #722808)

補色グラデーション

linear-gradient(135deg, #EA5110, #10A8EA)

類似色グラデーション

linear-gradient(135deg, #EA103C, #EA5110, #EABE10)

ラジアルグロー

radial-gradient(circle, #EA5110, #722808)

サンセット風

linear-gradient(to right, #EA5110, #EABE10, #10A8EA)

オーバーレイ

linear-gradient(180deg, #EA5110CC, #EA511033)

CSS使用例

背景色として使用

Hello, World!
background-color: #EA5110;

テキスト色として使用

Color Text
color: #EA5110;

ボーダー色として使用

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

シャドウとして使用

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

関連するカラー