#38ACFA

#38ACFA

ドジャーブルー系

カラーコード変換

形式
HEX#38ACFA
RGBrgb(56, 172, 250)
RGBArgba(56, 172, 250, 1)
HSLhsl(204, 95%, 60%)
HSVhsv(204, 78%, 98%)
CMYKcmyk(78%, 31%, 0%, 2%)
Aa

白背景

2.49:1不適合

Aa

黒背景

8.45:1AA適合


配色パレット提案

補色

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

#38ACFA#FA8638

類似色

色相環で隣接する色

#38FAE7#38DDFA#38ACFA#387CFA#384BFA

トライアド

色相環で120°間隔の3色

#38ACFA#FA38AC#ACFA38

テトラード

色相環で90°間隔の4色

#38ACFA#E738FA#FA8638#4BFA38

モノクローム

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

#045B95#0689E0#38ACFA#83CBFC#CDEAFE

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

補色の両隣の色

#38ACFA#FA384B#FAE738

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

ライト → ダーク

linear-gradient(135deg, #B4E0FD, #38ACFA, #046AAE)

補色グラデーション

linear-gradient(135deg, #38ACFA, #FA8638)

類似色グラデーション

linear-gradient(135deg, #38FAE7, #38ACFA, #384BFA)

ラジアルグロー

radial-gradient(circle, #38ACFA, #046AAE)

サンセット風

linear-gradient(to right, #38ACFA, #384BFA, #FA8638)

オーバーレイ

linear-gradient(180deg, #38ACFACC, #38ACFA33)

CSS使用例

背景色として使用

Hello, World!
background-color: #38ACFA;

テキスト色として使用

Color Text
color: #38ACFA;

ボーダー色として使用

ボーダー要素
border: 3px solid #38ACFA;

シャドウとして使用

Shadow
box-shadow: 0 8px 32px #38ACFA66;

関連するカラー