#70BFDB

#70BFDB

スカイブルー系

カラーコード変換

形式
HEX#70BFDB
RGBrgb(112, 191, 219)
RGBArgba(112, 191, 219, 1)
HSLhsl(196, 60%, 65%)
HSVhsv(196, 49%, 86%)
CMYKcmyk(49%, 13%, 0%, 14%)
Aa

白背景

2.07:1不適合

Aa

黒背景

10.16:1AA適合


配色パレット提案

補色

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

#70BFDB#DB8D70

類似色

色相環で隣接する色

#70DBC2#70DADB#70BFDB#70A4DB#7089DB

トライアド

色相環で120°間隔の3色

#70BFDB#DB70BF#BFDB70

テトラード

色相環で90°間隔の4色

#70BFDB#C270DB#DB8D70#89DB70

モノクローム

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

#24728F#33A3CC#70BFDB#ADDAEB#EBF6FA

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

補色の両隣の色

#70BFDB#DB7089#DBC270

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

ライト → ダーク

linear-gradient(135deg, #D6EDF5, #70BFDB, #2983A3)

補色グラデーション

linear-gradient(135deg, #70BFDB, #DB8D70)

類似色グラデーション

linear-gradient(135deg, #70DBC2, #70BFDB, #7089DB)

ラジアルグロー

radial-gradient(circle, #70BFDB, #2983A3)

サンセット風

linear-gradient(to right, #70BFDB, #7089DB, #DB8D70)

オーバーレイ

linear-gradient(180deg, #70BFDBCC, #70BFDB33)

CSS使用例

背景色として使用

Hello, World!
background-color: #70BFDB;

テキスト色として使用

Color Text
color: #70BFDB;

ボーダー色として使用

ボーダー要素
border: 3px solid #70BFDB;

シャドウとして使用

Shadow
box-shadow: 0 8px 32px #70BFDB66;

関連するカラー