ダークターコイズ

CSSではdarkturquoiseと呼ばれますが、見た目は明るさを保った強いターコイズです。普通のターコイズより青みが強いのが特徴です。アイコンやプール、トロピカルなテキスタイルに向いています。

別名：ダークターコイズブルー, 濃いターコイズ

ダークターコイズ · #00CED1

ダークターコイズの基本情報

ダークターコイズ（#00CED1）は、寒色系・中くらいの明るさ・鮮やかの色です。ターコイズ系の色のグループに属します。RGBの値は赤0・緑206・青209（各255段階）。主な用途：ウェブ, インテリア, ファッション。

ダークターコイズの濃淡：明るいトーンと暗いトーン

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

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

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

補色近い色：フェラーリレッド

類似色近い色：エメラルドグリーン, サファイアブルー

トライアド近い色：マゼンタ, カナリアイエロー

スプリット・コンプリメンタリー近い色：メキシカンピンク, シナモン

テトラード近い色：バイオレット, フェラーリレッド, 草色

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

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

モノクロマティックパレット · ダークターコイズ

類似色パレット · ダークターコイズ

補色パレット · ダークターコイズ

トライアドパレット · ダークターコイズ

ニュートラルカラー入りパレット · ダークターコイズ

アクセントカラー入りパレット · ダークターコイズ

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

白い文字コントラスト比 2.0:1 · 非推奨

黒い文字コントラスト比 10.7:1 · AAA

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

CSSコード

:root {
  --dark-turquoise: #00CED1;
  --dark-turquoise-rgb: 0, 206, 209;
}
.bg { background-color: var(--dark-turquoise); }
.text { color: var(--dark-turquoise); }

ダークターコイズに近い色

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

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

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

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

よくある質問

ダークターコイズのカラーコードは？

ダークターコイズのHEXコードは#00CED1です。RGBではrgb(0, 206, 209)、HSLではhsl(181, 100%, 41%)、CMYKでは100, 1, 0, 18となります。

ダークターコイズの補色は何色ですか？

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

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

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