#C41771

#C41771

クリムゾン系

カラーコード変換

形式
HEX#C41771
RGBrgb(196, 23, 113)
RGBArgba(196, 23, 113, 1)
HSLhsl(329, 79%, 43%)
HSVhsv(329, 88%, 77%)
CMYKcmyk(0%, 88%, 42%, 23%)
Aa

白背景

5.66:1AA適合

Aa

黒背景

3.71:1AA Large


配色パレット提案

補色

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

#C41771#17C46B

類似色

色相環で隣接する色

#C117C4#C4179C#C41771#C41745#C4171A

トライアド

色相環で120°間隔の3色

#C41771#71C417#1771C4

テトラード

色相環で90°間隔の4色

#C41771#C4C117#17C46B#171AC4

モノクローム

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

#3B0722#800F49#C41771#E93F97#F184BC

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

補色の両隣の色

#C41771#1AC417#17C4C1

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

ライト → ダーク

linear-gradient(135deg, #EE6DB0, #C41771, #520A2F)

補色グラデーション

linear-gradient(135deg, #C41771, #17C46B)

類似色グラデーション

linear-gradient(135deg, #C117C4, #C41771, #C4171A)

ラジアルグロー

radial-gradient(circle, #C41771, #520A2F)

サンセット風

linear-gradient(to right, #C41771, #C4171A, #17C46B)

オーバーレイ

linear-gradient(180deg, #C41771CC, #C4177133)

CSS使用例

背景色として使用

Hello, World!
background-color: #C41771;

テキスト色として使用

Color Text
color: #C41771;

ボーダー色として使用

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

シャドウとして使用

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

関連するカラー