#5AE285のRGB値は？

#5AE285（ミディアムアクアマリン系）のRGB値は、赤(R)=90、緑(G)=226、青(B)=133です。

#5AE285の補色は？

#5AE285（ミディアムアクアマリン系）の補色は、色相環で180度反対に位置する色です。詳細はこのページの配色パレットセクションをご確認ください。

#5AE285はどんな色？

#5AE285はミディアムアクアマリン系に分類される色です。Webデザインやグラフィックデザインで広く使用されています。

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

#5AE285

ミディアムアクアマリン系

カラーコード変換

形式	値
HEX	#5AE285
RGB	rgb(90, 226, 133)
RGBA	rgba(90, 226, 133, 1)
HSL	hsl(139, 70%, 62%)
HSV	hsv(139, 60%, 89%)
CMYK	cmyk(60%, 0%, 41%, 11%)

白背景

1.66:1不適合

黒背景

12.65:1AA適合

配色パレット提案

補色

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

#5AE285#E25AB7

類似色

色相環で隣接する色

#73E25A#5AE263#5AE285#5AE2A7#5AE2C9

トライアド

色相環で120°間隔の3色

#5AE285#855AE2#E2855A

テトラード

色相環で90°間隔の4色

#5AE285#5A73E2#E25AB7#E2C95A

モノクローム

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

#188B3D#24CC59#5AE285#9BEDB5#DCF9E5

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

補色の両隣の色

#5AE285#C95AE2#E25A73

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

ライト → ダーク

linear-gradient(135deg, #C7F5D5, #5AE285, #1CA046)

補色グラデーション

linear-gradient(135deg, #5AE285, #E25AB7)

類似色グラデーション

linear-gradient(135deg, #73E25A, #5AE285, #5AE2C9)

ラジアルグロー

radial-gradient(circle, #5AE285, #1CA046)

サンセット風

linear-gradient(to right, #5AE285, #5AE2C9, #E25AB7)

オーバーレイ

linear-gradient(180deg, #5AE285CC, #5AE28533)

CSS使用例

背景色として使用

Hello, World!

background-color: #5AE285;

テキスト色として使用

Color Text

color: #5AE285;

ボーダー色として使用

ボーダー要素

border: 3px solid #5AE285;

シャドウとして使用

Shadow

box-shadow: 0 8px 32px #5AE28566;