#05FFC9

#05FFC9

ミディアムスプリンググリーン系

カラーコード変換

形式
HEX#05FFC9
RGBrgb(5, 255, 201)
RGBArgba(5, 255, 201, 1)
HSLhsl(167, 100%, 51%)
HSVhsv(167, 98%, 100%)
CMYKcmyk(98%, 0%, 21%, 0%)
Aa

白背景

1.30:1不適合

Aa

黒背景

16.15:1AA適合


配色パレット提案

補色

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

#05FFC9#FF053B

類似色

色相環で隣接する色

#05FF4C#05FF8A#05FFC9#05F7FF#05B8FF

トライアド

色相環で120°間隔の3色

#05FFC9#C905FF#FFC905

テトラード

色相環で90°間隔の4色

#05FFC9#4C05FF#FF053B#B8FF05

モノクローム

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

#006B54#00B890#05FFC9#52FFD9#9EFFEA

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

補色の両隣の色

#05FFC9#FF05B8#FF4C05

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

ライト → ダーク

linear-gradient(135deg, #85FFE4, #05FFC9, #008568)

補色グラデーション

linear-gradient(135deg, #05FFC9, #FF053B)

類似色グラデーション

linear-gradient(135deg, #05FF4C, #05FFC9, #05B8FF)

ラジアルグロー

radial-gradient(circle, #05FFC9, #008568)

サンセット風

linear-gradient(to right, #05FFC9, #05B8FF, #FF053B)

オーバーレイ

linear-gradient(180deg, #05FFC9CC, #05FFC933)

CSS使用例

背景色として使用

Hello, World!
background-color: #05FFC9;

テキスト色として使用

Color Text
color: #05FFC9;

ボーダー色として使用

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

シャドウとして使用

Shadow
box-shadow: 0 8px 32px #05FFC966;

関連するカラー