DevArbor
#26C6DA

#26C6DA — カラーコードとパレット

#26C6DA  ·  rgb(38, 198, 218)  ·  hsl(187, 71%, 50%)

カラーコード

形式 値
HEX #26C6DA
RGB rgb(38, 198, 218)
HSL hsl(187, 71%, 50%)

#26C6DAのシェード（暗色系）

#21B1C4#1E9EAE#1A8A99#167683#12626D#0F4F57#0B3B41#07272C

#26C6DAのティント（淡色系）

#3BCBDE#51D1E1#66D6E5#7CDCE9#92E2ED#A8E8F0#BEEEF4#D3F3F8

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

補色
#DA3A25
類似色 +30°
#256ADA
類似色 −30°
#25DA95
トライアド +120°
#DA25C5
トライアド −120°
#C5DA25

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

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

CSSスニペット

.element {
  color: #26C6DA;
}

.element-bg {
  background-color: #26C6DA;
  color: #000000;
}

.element-border {
  border: 2px solid #26C6DA;
}

#26C6DAについて

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

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

カラーピッカーを開く →

よくある質問

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