#CC66AD

#CC66AD

オーキッド系

カラーコード変換

形式
HEX#CC66AD
RGBrgb(204, 102, 173)
RGBArgba(204, 102, 173, 1)
HSLhsl(318, 50%, 60%)
HSVhsv(318, 50%, 80%)
CMYKcmyk(0%, 50%, 15%, 20%)
Aa

白背景

3.46:1AA Large

Aa

黒背景

6.07:1AA適合


配色パレット提案

補色

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

#CC66AD#66CC85

類似色

色相環で隣接する色

#B866CC#CC66C7#CC66AD#CC6694#CC667A

トライアド

色相環で120°間隔の3色

#CC66AD#ADCC66#66ADCC

テトラード

色相環で90°間隔の4色

#CC66AD#CCB866#66CC85#667ACC

モノクローム

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

#73265C#AC398A#CC66AD#DF9FCC#F2D9EB

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

補色の両隣の色

#CC66AD#7ACC66#66CCB8

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

ライト → ダーク

linear-gradient(135deg, #ECC6E0, #CC66AD, #862D6B)

補色グラデーション

linear-gradient(135deg, #CC66AD, #66CC85)

類似色グラデーション

linear-gradient(135deg, #B866CC, #CC66AD, #CC667A)

ラジアルグロー

radial-gradient(circle, #CC66AD, #862D6B)

サンセット風

linear-gradient(to right, #CC66AD, #CC667A, #66CC85)

オーバーレイ

linear-gradient(180deg, #CC66ADCC, #CC66AD33)

CSS使用例

背景色として使用

Hello, World!
background-color: #CC66AD;

テキスト色として使用

Color Text
color: #CC66AD;

ボーダー色として使用

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

シャドウとして使用

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

関連するカラー