#268697

#268697

スティールブルー系

カラーコード変換

形式
HEX#268697
RGBrgb(38, 134, 151)
RGBArgba(38, 134, 151, 1)
HSLhsl(189, 60%, 37%)
HSVhsv(189, 75%, 59%)
CMYKcmyk(75%, 11%, 0%, 41%)
Aa

白背景

4.25:1AA Large

Aa

黒背景

4.94:1AA適合


配色パレット提案

補色

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

#268697#973726

類似色

色相環で隣接する色

#26976F#26978C#268697#266A97#264D97

トライアド

色相環で120°間隔の3色

#268697#972686#869726

テトラード

色相環で90°間隔の4色

#268697#6F2697#973726#4D9726

モノクローム

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

#07191D#16505A#268697#3BB8CE#78CEDD

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

補色の両隣の色

#268697#97264D#976F26

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

ライト → ダーク

linear-gradient(135deg, #64C7D8, #268697, #0C2B31)

補色グラデーション

linear-gradient(135deg, #268697, #973726)

類似色グラデーション

linear-gradient(135deg, #26976F, #268697, #264D97)

ラジアルグロー

radial-gradient(circle, #268697, #0C2B31)

サンセット風

linear-gradient(to right, #268697, #264D97, #973726)

オーバーレイ

linear-gradient(180deg, #268697CC, #26869733)

CSS使用例

背景色として使用

Hello, World!
background-color: #268697;

テキスト色として使用

Color Text
color: #268697;

ボーダー色として使用

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

シャドウとして使用

Shadow
box-shadow: 0 8px 32px #26869766;

関連するカラー