カラーパレット

ターコイズ

トルコを経由してヨーロッパに伝わった石、トルコ石にちなんだ名前です。青と緑を光あふれる明るさで混ぜ合わせた色です。カリブ海のビーチを思わせ、ジュエリーや夏服、海辺風のインテリアに登場します。

別名:ターコイズブルー, トルコ石色

ターコイズ · #40E0D0

ターコイズの基本情報

ターコイズ(#40E0D0)は、寒色系・中くらいの明るさ・中くらいの彩度の色です。ターコイズ系の色のグループに属します。RGBの値は赤64・緑224・青208(各255段階)。主な用途:ジュエリー, インテリア, ファッション。

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

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

ターコイズに合う色

コーラルエネルギーにあふれた暖色と寒色のコントラストです。白爽やかで清潔感のある夏らしい印象に。黄色陽気でトロピカルな組み合わせです。コーヒーブラウンシルバーとレザーのようなボヘミアンスタイルに。ピンク楽しく若々しい組み合わせです。ネイビー鮮やかな色に深みを加えます。オレンジ補色同士で、最大のコントラストになります。サンドベージュビーチらしさを出す、温かいニュートラルカラーです。
ターコイズのファッション・インテリアでの合わせ方 →

ターコイズの配色ハーモニー

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

補色近い色:クリムゾン
トライアド近い色:マゼンタ, コーンイエロー
スプリット・コンプリメンタリー近い色:ホットピンク, ブロンズ
テトラード近い色:紫, クリムゾン, アップルグリーン

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

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

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

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

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

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

CSSコード

:root {
  --turquoise: #40E0D0;
  --turquoise-rgb: 64, 224, 208;
}
.bg { background-color: var(--turquoise); }
.text { color: var(--turquoise); }

ターコイズに近い色

ダークターコイズティファニーブルーシアンアクアマリンシーフォームグリーンパステルターコイズ翡翠色水色ライトブルーベビーブルー

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

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

よくある質問

ターコイズのカラーコードは?

ターコイズのHEXコードは#40E0D0です。RGBではrgb(64, 224, 208)、HSLではhsl(174, 72%, 56%)、CMYKでは71, 0, 7, 12となります。

ターコイズの補色は何色ですか?

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

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

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

ターコイズに合う色は?

相性のよい色:コーラル, 白, 黄色, コーヒーブラウン, ピンク。同じくらい鮮やかな緑や青と合わせると、ごちゃついて見えるので避けましょう。ターコイズの面積が大きいと、黒との組み合わせはきつく見えることがあります。