#E8CB26

#E8CB26

ゴールデンイエロー系

カラーコード変換

形式
HEX#E8CB26
RGBrgb(232, 203, 38)
RGBArgba(232, 203, 38, 1)
HSLhsl(51, 81%, 53%)
HSVhsv(51, 84%, 91%)
CMYKcmyk(0%, 13%, 84%, 9%)
Aa

白背景

1.62:1不適合

Aa

黒背景

13.00:1AA適合


配色パレット提案

補色

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

#E8CB26#2643E8

類似色

色相環で隣接する色

#E86A26#E89B26#E8CB26#D5E826#A4E826

トライアド

色相環で120°間隔の3色

#E8CB26#26E8CB#CB26E8

テトラード

色相環で90°間隔の4色

#E8CB26#26E86A#2643E8#E826A4

モノクローム

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

#6A5C0B#AF9812#E8CB26#EFDC6B#F7ECB1

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

補色の両隣の色

#E8CB26#26A4E8#6A26E8

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

ライト → ダーク

linear-gradient(135deg, #F4E799, #E8CB26, #81700E)

補色グラデーション

linear-gradient(135deg, #E8CB26, #2643E8)

類似色グラデーション

linear-gradient(135deg, #E86A26, #E8CB26, #A4E826)

ラジアルグロー

radial-gradient(circle, #E8CB26, #81700E)

サンセット風

linear-gradient(to right, #E8CB26, #A4E826, #2643E8)

オーバーレイ

linear-gradient(180deg, #E8CB26CC, #E8CB2633)

CSS使用例

背景色として使用

Hello, World!
background-color: #E8CB26;

テキスト色として使用

Color Text
color: #E8CB26;

ボーダー色として使用

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

シャドウとして使用

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

関連するカラー