#5DDA91

#5DDA91

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

カラーコード変換

形式
HEX#5DDA91
RGBrgb(93, 218, 145)
RGBArgba(93, 218, 145, 1)
HSLhsl(145, 63%, 61%)
HSVhsv(145, 57%, 85%)
CMYKcmyk(57%, 0%, 33%, 15%)
Aa

白背景

1.76:1不適合

Aa

黒背景

11.90:1AA適合


配色パレット提案

補色

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

#5DDA91#DA5DA6

類似色

色相環で隣接する色

#67DA5D#5DDA72#5DDA91#5DDAB0#5DDAD0

トライアド

色相環で120°間隔の3色

#5DDA91#915DDA#DA915D

テトラード

色相環で90°間隔の4色

#5DDA91#5D67DA#DA5DA6#DAD05D

モノクローム

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

#1D8147#2BBF69#5DDA91#9BE8BB#DAF7E6

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

補色の両隣の色

#5DDA91#D05DDA#DA5D67

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

ライト → ダーク

linear-gradient(135deg, #C5F2D8, #5DDA91, #229652)

補色グラデーション

linear-gradient(135deg, #5DDA91, #DA5DA6)

類似色グラデーション

linear-gradient(135deg, #67DA5D, #5DDA91, #5DDAD0)

ラジアルグロー

radial-gradient(circle, #5DDA91, #229652)

サンセット風

linear-gradient(to right, #5DDA91, #5DDAD0, #DA5DA6)

オーバーレイ

linear-gradient(180deg, #5DDA91CC, #5DDA9133)

CSS使用例

背景色として使用

Hello, World!
background-color: #5DDA91;

テキスト色として使用

Color Text
color: #5DDA91;

ボーダー色として使用

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

シャドウとして使用

Shadow
box-shadow: 0 8px 32px #5DDA9166;

関連するカラー