カラーパレット

ダークシアン

シアンを暗くした、落ち着いた深い青緑です。知的で信頼感のある色で、テクノロジー系のウェブサイトやアプリのテーマカラーによく使われます。インテリアのアクセントにも合います。

別名:濃いシアン

エディタで開く

ダークシアンを試してみる

服・ネイル・髪色・部屋・車・スマホケースで、ダークシアンがどう見えるかをチェック。

明るさ

合わせる色

ダークシアンのHEXコードは#008B8Bです。RGBではrgb(0, 139, 139)、HSLではhsl(180, 100%, 27%)、CMYKでは100, 0, 0, 45となります。

ダークシアンに近い色とカラーコード

ティール#008080パイングリーン#01796Fビリジアン#40826D緑青色#43B3AEティファニーブルー#0ABAB5ボトルグリーン#006A4E納戸色なんどいろ · #008899浅葱色あさぎいろ · #00A3AF青緑あおみどり · #00A497錆浅葱さびあさぎ · #5C9291木賊色とくさいろ · #3B7960新橋色しんばしいろ · #59B9C6

ダークシアンの基本情報

ダークシアン(#008B8B)は、寒色系・暗め・鮮やかの色です。ターコイズ系の色のグループに属します。RGBの値は赤0・緑139・青139(各255段階)。主な用途:ウェブ, テクノロジー, インテリア。

ダークシアンの色見本と明るい色から暗い色までのグラデーション · #008B8B
ダークシアン · #008B8B

ダークシアンの濃淡:明るいトーンと暗いトーン

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

この色の濃淡を見る: カラースケール生成ツール

ダークシアンの配色ハーモニー

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

補色近い色:ブラッドレッド
トライアド近い色:パープル, オリーブグリーン
スプリット・コンプリメンタリー近い色:ダークピンク, 茶色

ダークシアンを使ったカラーパレット

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

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

ダークシアンと文字色のコントラスト

白い文字コントラスト比 4.1:1 · AA(大きな文字)
黒い文字コントラスト比 5.1:1 · AA

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

CSSコード

:root {
  --dark-cyan: #008B8B;
  --dark-cyan-rgb: 0, 139, 139;
}
.bg { background-color: var(--dark-cyan); }
.text { color: var(--dark-cyan); }

ダークシアンに近い色

ダークティールメキシコ国旗の緑ダークターコイズスレートグレー

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

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

ターコイズアクアマリンシアンシーフォームグリーンティールペトロールブルーダークティールダークターコイズパステルターコイズティファニーブルーダックエッグブルーターコイズブルー緑青色
ダークシアンの色見本と明るい色から暗い色までのグラデーション · #008B8B
ダークシアンの色見本と明るい色から暗い色までのグラデーション · #008B8B

次はこれを試してみよう

名前からパレットを作る名前の文字から、あなただけの配色を作るぷっくりシールメーカー名前や絵文字で、つやつやシールを作る伝統色診断10の質問で、あなたを日本の伝統色にたとえる
無料診断・ツールをすべて見る →

よくある質問

ダークシアンのカラーコードは?

ダークシアンのHEXコードは#008B8Bです。RGBではrgb(0, 139, 139)、HSLではhsl(180, 100%, 27%)、CMYKでは100, 0, 0, 45となります。

ダークシアンの補色は何色ですか?

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

ダークシアンの上に白い文字を置いても読みやすいですか?

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