#CFC517

#CFC517

ゴールデンイエロー系

カラーコード変換

形式
HEX#CFC517
RGBrgb(207, 197, 23)
RGBArgba(207, 197, 23, 1)
HSLhsl(57, 80%, 45%)
HSVhsv(57, 89%, 81%)
CMYKcmyk(0%, 5%, 89%, 19%)
Aa

白背景

1.80:1不適合

Aa

黒背景

11.65:1AA適合


配色パレット提案

補色

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

#CFC517#1720CF

類似色

色相環で隣接する色

#CF6A17#CF9717#CFC517#AACF17#7CCF17

トライアド

色相環で120°間隔の3色

#CFC517#17CFC5#C517CF

テトラード

色相環で90°間隔の4色

#CFC517#17CF6A#1720CF#CF177C

モノクローム

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

#454208#8A840F#CFC517#EBE247#F2ED8C

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

補色の両隣の色

#CFC517#177CCF#6A17CF

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

ライト → ダーク

linear-gradient(135deg, #F0EA75, #CFC517, #5C580A)

補色グラデーション

linear-gradient(135deg, #CFC517, #1720CF)

類似色グラデーション

linear-gradient(135deg, #CF6A17, #CFC517, #7CCF17)

ラジアルグロー

radial-gradient(circle, #CFC517, #5C580A)

サンセット風

linear-gradient(to right, #CFC517, #7CCF17, #1720CF)

オーバーレイ

linear-gradient(180deg, #CFC517CC, #CFC51733)

CSS使用例

背景色として使用

Hello, World!
background-color: #CFC517;

テキスト色として使用

Color Text
color: #CFC517;

ボーダー色として使用

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

シャドウとして使用

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

関連するカラー