#608FF6

#608FF6

コーンフラワーブルー系

カラーコード変換

形式
HEX#608FF6
RGBrgb(96, 143, 246)
RGBArgba(96, 143, 246, 1)
HSLhsl(221, 89%, 67%)
HSVhsv(221, 61%, 96%)
CMYKcmyk(61%, 42%, 0%, 4%)
Aa

白背景

3.11:1AA Large

Aa

黒背景

6.76:1AA適合


配色パレット提案

補色

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

#608FF6#F6C660

類似色

色相環で隣接する色

#60DAF6#60B5F6#608FF6#606AF6#7B60F6

トライアド

色相環で120°間隔の3色

#608FF6#F6608F#8FF660

テトラード

色相環で90°間隔の4色

#608FF6#F660DA#F6C660#60F67B

モノクローム

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

#0A40B2#185DF2#608FF6#A8C2FA#F1F5FE

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

補色の両隣の色

#608FF6#F67B60#DAF660

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

ライト → ダーク

linear-gradient(135deg, #D8E4FD, #608FF6, #0C48CA)

補色グラデーション

linear-gradient(135deg, #608FF6, #F6C660)

類似色グラデーション

linear-gradient(135deg, #60DAF6, #608FF6, #7B60F6)

ラジアルグロー

radial-gradient(circle, #608FF6, #0C48CA)

サンセット風

linear-gradient(to right, #608FF6, #7B60F6, #F6C660)

オーバーレイ

linear-gradient(180deg, #608FF6CC, #608FF633)

CSS使用例

背景色として使用

Hello, World!
background-color: #608FF6;

テキスト色として使用

Color Text
color: #608FF6;

ボーダー色として使用

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

シャドウとして使用

Shadow
box-shadow: 0 8px 32px #608FF666;

関連するカラー