#91E273

#91E273

ダークカーキ系

カラーコード変換

形式
HEX#91E273
RGBrgb(145, 226, 115)
RGBArgba(145, 226, 115, 1)
HSLhsl(104, 66%, 67%)
HSVhsv(104, 49%, 89%)
CMYKcmyk(36%, 0%, 49%, 11%)
Aa

白背景

1.58:1不適合

Aa

黒背景

13.33:1AA適合


配色パレット提案

補色

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

#91E273#C573E2

類似色

色相環で隣接する色

#C8E273#ADE273#91E273#75E273#73E28D

トライアド

色相環で120°間隔の3色

#91E273#7391E2#E27391

テトラード

色相環で90°間隔の4色

#91E273#73C8E2#C573E2#E28D73

モノクローム

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

#419D20#5FD534#91E273#C3EFB3#F5FCF2

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

補色の両隣の色

#91E273#8D73E2#E273C8

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

ライト → ダーク

linear-gradient(135deg, #E4F8DD, #91E273, #4AB224)

補色グラデーション

linear-gradient(135deg, #91E273, #C573E2)

類似色グラデーション

linear-gradient(135deg, #C8E273, #91E273, #73E28D)

ラジアルグロー

radial-gradient(circle, #91E273, #4AB224)

サンセット風

linear-gradient(to right, #91E273, #73E28D, #C573E2)

オーバーレイ

linear-gradient(180deg, #91E273CC, #91E27333)

CSS使用例

背景色として使用

Hello, World!
background-color: #91E273;

テキスト色として使用

Color Text
color: #91E273;

ボーダー色として使用

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

シャドウとして使用

Shadow
box-shadow: 0 8px 32px #91E27366;

関連するカラー