#EFB31A

#EFB31A

ゴールデンイエロー系

カラーコード変換

形式
HEX#EFB31A
RGBrgb(239, 179, 26)
RGBArgba(239, 179, 26, 1)
HSLhsl(43, 87%, 52%)
HSVhsv(43, 89%, 94%)
CMYKcmyk(0%, 25%, 89%, 6%)
Aa

白背景

1.89:1不適合

Aa

黒背景

11.13:1AA適合


配色パレット提案

補色

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

#EFB31A#1A56EF

類似色

色相環で隣接する色

#EF481A#EF7E1A#EFB31A#EFE81A#C1EF1A

トライアド

色相環で120°間隔の3色

#EFB31A#1AEFB3#B31AEF

テトラード

色相環で90°間隔の4色

#EFB31A#1AEF48#1A56EF#EF1AC1

モノクローム

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

#694D07#B0820C#EFB31A#F4CB62#F9E2A9

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

補色の両隣の色

#EFB31A#1AC1EF#481AEF

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

ライト → ダーク

linear-gradient(135deg, #F7DA91, #EFB31A, #815F09)

補色グラデーション

linear-gradient(135deg, #EFB31A, #1A56EF)

類似色グラデーション

linear-gradient(135deg, #EF481A, #EFB31A, #C1EF1A)

ラジアルグロー

radial-gradient(circle, #EFB31A, #815F09)

サンセット風

linear-gradient(to right, #EFB31A, #C1EF1A, #1A56EF)

オーバーレイ

linear-gradient(180deg, #EFB31ACC, #EFB31A33)

CSS使用例

背景色として使用

Hello, World!
background-color: #EFB31A;

テキスト色として使用

Color Text
color: #EFB31A;

ボーダー色として使用

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

シャドウとして使用

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

関連するカラー