カラーパレット

翡翠色

中国やマヤ文明で非常に珍重された石、翡翠にちなんだ名前です。青みを帯びた強い緑です。ジュエリーや陶器、アジアンテイストのインテリアのアクセントに見られます。

別名:ジェード, ジェードグリーン

翡翠色 · #00A86B

翡翠色の基本情報

翡翠色(#00A86B)は、寒色系・中くらいの明るさ・鮮やかの色です。緑系の色のグループに属します。RGBの値は赤0・緑168・青107(各255段階)。主な用途:ジュエリー, インテリア, ファッション。

翡翠色の濃淡:明るいトーンと暗いトーン

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

翡翠色の配色ハーモニー

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

補色近い色:バーガンディ
類似色近い色:緑, ティール
トライアド近い色:紫, 黄土色
スプリット・コンプリメンタリー近い色:パープル, レンガ色

翡翠色を使ったカラーパレット

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

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

翡翠色と文字色のコントラスト

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

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

CSSコード

:root {
  --jade-green: #00A86B;
  --jade-green-rgb: 0, 168, 107;
}
.bg { background-color: var(--jade-green); }
.text { color: var(--jade-green); }

翡翠色に近い色

エメラルドグリーンフォレストグリーンパステルグリーンピスタチオグリーンメキシコ国旗の緑ライトグリーンボトルグリーン緑ダークグリーンティファニーブルー

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

その他の緑系の色

緑エメラルドグリーンライムグリーンオリーブグリーンミントグリーンモスグリーンフォレストグリーンパイングリーンアップルグリーンセージグリーンボトルグリーンアーミーグリーンネオングリーンピスタチオグリーン草色シャルトリューズパステルグリーンダークグリーンライトグリーンメキシコ国旗の緑

よくある質問

翡翠色のカラーコードは?

翡翠色のHEXコードは#00A86Bです。RGBではrgb(0, 168, 107)、HSLではhsl(158, 100%, 33%)、CMYKでは100, 0, 36, 34となります。

翡翠色の補色は何色ですか?

色相環で反対側にある補色は#A8003Dで、バーガンディに近い色合いです。少量をアクセントとして使うと、強いコントラストが生まれます。

翡翠色の上に白い文字を置いても読みやすいですか?

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