#CAEE53のRGB値は？

#CAEE53（グリーンイエロー系）のRGB値は、赤(R)=202、緑(G)=238、青(B)=83です。

#CAEE53の補色は？

#CAEE53（グリーンイエロー系）の補色は、色相環で180度反対に位置する色です。詳細はこのページの配色パレットセクションをご確認ください。

#CAEE53はどんな色？

#CAEE53はグリーンイエロー系に分類される色です。Webデザインやグラフィックデザインで広く使用されています。

#CAEE53のカラーコード情報｜RGB, CMYK変換とおすすめ配色パレット

#CAEE53

グリーンイエロー系

カラーコード変換

形式	値
HEX	#CAEE53
RGB	rgb(202, 238, 83)
RGBA	rgba(202, 238, 83, 1)
HSL	hsl(74, 82%, 63%)
HSV	hsv(74, 65%, 93%)
CMYK	cmyk(15%, 0%, 65%, 7%)

白背景

1.32:1不適合

黒背景

15.87:1AA適合

配色パレット提案

補色

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

#CAEE53#7753EE

類似色

色相環で隣接する色

#EEC553#EEEB53#CAEE53#A3EE53#7DEE53

トライアド

色相環で120°間隔の3色

#CAEE53#53CAEE#EE53CA

テトラード

色相環で90°間隔の4色

#CAEE53#53EEC5#7753EE#EE537D

モノクローム

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

#79990F#B0DF16#CAEE53#DFF599#F5FCDF

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

補色の両隣の色

#CAEE53#537DEE#C553EE

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

ライト → ダーク

linear-gradient(135deg, #EEF9C7, #CAEE53, #8BB011)

補色グラデーション

linear-gradient(135deg, #CAEE53, #7753EE)

類似色グラデーション

linear-gradient(135deg, #EEC553, #CAEE53, #7DEE53)

ラジアルグロー

radial-gradient(circle, #CAEE53, #8BB011)

サンセット風

linear-gradient(to right, #CAEE53, #7DEE53, #7753EE)

オーバーレイ

linear-gradient(180deg, #CAEE53CC, #CAEE5333)

CSS使用例

背景色として使用

Hello, World!

background-color: #CAEE53;

テキスト色として使用

Color Text

color: #CAEE53;

ボーダー色として使用

ボーダー要素

border: 3px solid #CAEE53;

シャドウとして使用

Shadow

box-shadow: 0 8px 32px #CAEE5366;