ペリウィンクルの基本情報
ペリウィンクル（#CCCCFF）は、寒色系・明るめ・鮮やかの色です。青系の色のグループに属します。RGBの値は赤204・緑204・青255（各255段階）。主な用途：ウェディング, 子ども向け, インテリア。
ラベンダーをほんのり含んだ、やわらかな青です。名前はツルニチニチソウという花の英名に由来します。春のウェディングや子ども部屋、落ち着いた寝室の壁によく選ばれます。
別名：ツルニチニチソウ色, ペリウィンクルブルー
服・ネイル・髪色・部屋・車・スマホケースで、ペリウィンクルがどう見えるかをチェック。
明るさ
合わせる色
ペリウィンクルのHEXコードは#CCCCFFです。RGBではrgb(204, 204, 255)、HSLではhsl(240, 100%, 90%)、CMYKでは20, 20, 0, 0となります。
ペリウィンクル（#CCCCFF）は、寒色系・明るめ・鮮やかの色です。青系の色のグループに属します。RGBの値は赤204・緑204・青255（各255段階）。主な用途：ウェディング, 子ども向け, インテリア。
明るい色から暗い色の順に並んでいます。色をタップするとカラーコードをコピーできます。
この色の濃淡を見る: カラースケール生成ツール
パーソナルカラー×季節別に、ペリウィンクル（または近い色）を使ったコーデをまとめました。
色相環にもとづいた配色です。配色ハーモニーツールでさらに多くのパターンを試せます。
カラーコードをコピーするか、エディターで開いて自由に調整できます。
WCAG 2.1の基準にもとづいています。ほかの色の組み合わせはコントラストチェッカーで確認できます。
:root {
--periwinkle: #CCCCFF;
--periwinkle-rgb: 204, 204, 255;
}
.bg { background-color: var(--periwinkle); }
.text { color: var(--periwinkle); }
ペリウィンクルのHEXコードは#CCCCFFです。RGBではrgb(204, 204, 255)、HSLではhsl(240, 100%, 90%)、CMYKでは20, 20, 0, 0となります。
色相環で反対側にある補色は#FFFFCCで、クリーム色に近い色合いです。少量をアクセントとして使うと、強いコントラストが生まれます。
黒い文字のほうがおすすめです。白とのコントラスト比は1.5:1しかありませんが、黒とは13.6:1になります。
サイトの利用状況を知るために、Google AnalyticsのCookieを使用しています。同意しますか？ 詳しく見る