DevArbor
#00897B

#00897B — カラーコードとパレット

#00897B  ·  rgb(0, 137, 123)  ·  hsl(174, 100%, 27%)

カラーコード

形式 値
HEX #00897B
RGB rgb(0, 137, 123)
HSL hsl(174, 100%, 27%)

#00897Bのシェード（暗色系）

#007A6E#006B60#005C53#004D45#003D37#002E29#001F1C#000F0E

#00897Bのティント（淡色系）

#00B3A1#00DBC5#05FFE6#2EFFEA#57FFEE#80FFF2#A8FFF6#D1FFFA

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

補色
#8A000E
類似色 +30°
#00538A
類似色 −30°
#008A37
トライアド +120°
#7C008A
トライアド −120°
#8A7C00

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

白（#FFFFFF）との対比
4.32:1 — 大きいテキストのみAAパス
黒（#000000）との対比
4.86:1 — 通常テキストでAAパス

CSSスニペット

.element {
  color: #00897B;
}

.element-bg {
  background-color: #00897B;
  color: #000000;
}

.element-border {
  border: 2px solid #00897B;
}

#00897Bについて

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

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

カラーピッカーを開く →

よくある質問

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