カラーパレット

パステルターコイズ

白をたっぷり含んだ、とてもやわらかいターコイズです。清潔でリラックスした印象を与えます。ベビーシャワーの飾りつけやケーキ、バスルームの壁に登場します。

別名:淡いターコイズ, ペールターコイズ

パステルターコイズ · #AFEEEE

パステルターコイズの基本情報

パステルターコイズ(#AFEEEE)は、寒色系・明るめ・中くらいの彩度の色です。ターコイズ系の色のグループに属します。RGBの値は赤175・緑238・青238(各255段階)。主な用途:子ども向け, インテリア, 製菓。

パステルターコイズの濃淡:明るいトーンと暗いトーン

明るい色から暗い色の順に並んでいます。色をタップするとカラーコードをコピーできます。

パステルターコイズの配色ハーモニー

色相環にもとづいた配色です。配色ハーモニーツールでさらに多くのパターンを試せます。

補色近い色:くすみピンク
トライアド近い色:モーブ, バニラ
スプリット・コンプリメンタリー近い色:ピンク, アプリコット
テトラード近い色:藤色, くすみピンク, クリーム色

パステルターコイズを使ったカラーパレット

カラーコードをコピーするか、エディターで開いて自由に調整できます。

モノクロマティックパレット · パステルターコイズ
類似色パレット · パステルターコイズ
補色パレット · パステルターコイズ
トライアドパレット · パステルターコイズ
ニュートラルカラー入りパレット · パステルターコイズ
アクセントカラー入りパレット · パステルターコイズ

パステルターコイズと文字色のコントラスト

白い文字コントラスト比 1.3:1 · 非推奨
黒い文字コントラスト比 16.3:1 · AAA

WCAG 2.1の基準にもとづいています。ほかの色の組み合わせはコントラストチェッカーで確認できます。

CSSコード

:root {
  --pastel-turquoise: #AFEEEE;
  --pastel-turquoise-rgb: 175, 238, 238;
}
.bg { background-color: var(--pastel-turquoise); }
.text { color: var(--pastel-turquoise); }

パステルターコイズに近い色

ライトブルーシーフォームグリーンパステルブルー水色ベビーブループラチナライトグレーホワイトスモークアッシュグレーパールグレー

この色を使ったテーマ別パレット

その他のターコイズ系の色

ターコイズアクアマリンシアンシーフォームグリーンティールペトロールブルーダークティールダークターコイズティファニーブルー

よくある質問

パステルターコイズのカラーコードは?

パステルターコイズのHEXコードは#AFEEEEです。RGBではrgb(175, 238, 238)、HSLではhsl(180, 65%, 81%)、CMYKでは26, 0, 0, 7となります。

パステルターコイズの補色は何色ですか?

色相環で反対側にある補色は#EEAFAFで、くすみピンクに近い色合いです。少量をアクセントとして使うと、強いコントラストが生まれます。

パステルターコイズの上に白い文字を置いても読みやすいですか?

黒い文字のほうがおすすめです。白とのコントラスト比は1.3:1しかありませんが、黒とは16.3:1になります。