#25BFE9

#25BFE9

ディープスカイブルー系

カラーコード変換

形式
HEX#25BFE9
RGBrgb(37, 191, 233)
RGBArgba(37, 191, 233, 1)
HSLhsl(193, 82%, 53%)
HSVhsv(193, 84%, 91%)
CMYKcmyk(84%, 18%, 0%, 9%)
Aa

白背景

2.16:1不適合

Aa

黒背景

9.71:1AA適合


配色パレット提案

補色

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

#25BFE9#E94F25

類似色

色相環で隣接する色

#25E9B2#25E9E3#25BFE9#258EE9#255DE9

トライアド

色相環で120°間隔の3色

#25BFE9#E925BF#BFE925

テトラード

色相環で90°間隔の4色

#25BFE9#B225E9#E94F25#5DE925

モノクローム

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

#0B566B#118EB0#25BFE9#6AD3F0#B0E8F7

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

補色の両隣の色

#25BFE9#E9255D#E9B225

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

ライト → ダーク

linear-gradient(135deg, #99E1F5, #25BFE9, #0D6982)

補色グラデーション

linear-gradient(135deg, #25BFE9, #E94F25)

類似色グラデーション

linear-gradient(135deg, #25E9B2, #25BFE9, #255DE9)

ラジアルグロー

radial-gradient(circle, #25BFE9, #0D6982)

サンセット風

linear-gradient(to right, #25BFE9, #255DE9, #E94F25)

オーバーレイ

linear-gradient(180deg, #25BFE9CC, #25BFE933)

CSS使用例

背景色として使用

Hello, World!
background-color: #25BFE9;

テキスト色として使用

Color Text
color: #25BFE9;

ボーダー色として使用

ボーダー要素
border: 3px solid #25BFE9;

シャドウとして使用

Shadow
box-shadow: 0 8px 32px #25BFE966;

関連するカラー