DevArbor
#00CED1

DarkTurquoise — カラーコードとパレット

#00CED1  ·  rgb(0, 206, 209)  ·  hsl(181, 100%, 41%)

カラーコード

形式 値
HEX #00CED1
RGB rgb(0, 206, 209)
HSL hsl(181, 100%, 41%)

DarkTurquoiseのシェード（暗色系）

#00BABD#00A5A8#009194#007D80#00696B#005557#004142#002D2E

DarkTurquoiseのティント（淡色系）

#00ECF0#0FFBFF#2EFCFF#4DFCFF#6BFDFF#8AFDFF#A8FEFF#C7FEFF

カラーペアリングとハーモニー

補色
#D10300
類似色 +30°
#0065D1
類似色 −30°
#00D16C
トライアド +120°
#D100CE
トライアド −120°
#CED100

コントラストとアクセシビリティ（WCAG 2.1）

白（#FFFFFF）との対比
1.95:1 — 不合格
黒（#000000）との対比
10.75:1 — 通常テキストでAAAパス

CSSスニペット

.element {
  color: #00CED1;
}

.element-bg {
  background-color: #00CED1;
  color: #000000;
}

.element-border {
  border: 2px solid #00CED1;
}

DarkTurquoiseについて

DarkTurquoiseはhsl(181, 100%, 41%)（色相181°、彩度100%、明度41%）で定義される中間の明度のの鮮やかで高彩度カラーで、HEXコードは#00CED1です。正確なカラーモデル値はRGBでrgb(0, 206, 209)、HSLでhsl(181, 100%, 41%)です。白背景でのコントラスト比は1.95:1 — 不合格、黒背景では10.75:1 — 通常テキストでAAAパスです。DarkTurquoiseはUI要素・背景・テキスト・ボーダー・装飾アクセントなど多用途に活用できます。下のシェードセクションでは徐々に暗くなるバリエーションを、ティントストリップでは徐々に明るくなるバリエーションを確認でき、トーンパレットの構築に役立ちます。ハーモニースウォッチはHSL色相環に基づく補色・類似色・トライアドを提供します。

色をインタラクティブに確認したい、パレットを生成したい、カラー形式を変換したいですか？DevArborのカラーピッカーをご活用ください。

カラーピッカーを開く →

よくある質問

DarkTurquoiseのRGB値は何ですか？
DarkTurquoise（#00CED1）のRGB値は rgb(0, 206, 209) です。Red・Green・Blueそれぞれの光の量を0〜255のスケールで表しています。
DarkTurquoiseは白背景でアクセシブルですか？
DarkTurquoiseと白（#FFFFFF）のコントラスト比は 1.95:1 — 不合格 です。黒（#000000）との比は 10.75:1 — 通常テキストでAAAパス です。WCAG 2.1ではAA（通常テキスト）に4.5:1、AAAに7:1以上が必要とされています。
DarkTurquoiseに合う色は何ですか？
カラー理論に基づくと、DarkTurquoise（hsl(181, 100%, 41%)）は補色・類似色・トライアドと相性がよいです。各ペアリングタイプの正確なHEX値は上のハーモニースウォッチを参照してください。