カラーパレット

ケリーグリーン

アイルランドの姓「ケリー」にちなんだ、明るく鮮やかな緑です。アイルランドを象徴する色として、聖パトリックの日によく見られます。スポーツチームのユニフォームやロゴにも人気です。

別名:アイリッシュグリーン

エディタで開く

ケリーグリーンを試してみる

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

明るさ

合わせる色

ケリーグリーンのHEXコードは#4CBB17です。RGBではrgb(76, 187, 23)、HSLではhsl(101, 78%, 41%)、CMYKでは59, 0, 88, 27となります。

ケリーグリーンに近い色とカラーコード

アップルグリーン#8DB600緑#008000フォレストグリーン#228B22パステルグリーン#77DD77草色#7CFC00アボカドグリーン#568203

ケリーグリーンの基本情報

ケリーグリーン(#4CBB17)は、中間色系・中くらいの明るさ・鮮やかの色です。緑系の色のグループに属します。RGBの値は赤76・緑187・青23(各255段階)。主な用途:スポーツ, ブランディング, ファッション。

ケリーグリーンの色見本と明るい色から暗い色までのグラデーション · #4CBB17
ケリーグリーン · #4CBB17

ケリーグリーンの濃淡:明るいトーンと暗いトーン

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

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

ケリーグリーンの配色ハーモニー

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

補色近い色:紫
類似色近い色:アップルグリーン
トライアド近い色:サファイアブルー, セリーズ
スプリット・コンプリメンタリー近い色:紫, パープル
テトラード近い色:セルリアンブルー, 紫, 錆色

ケリーグリーンを使ったカラーパレット

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

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

ケリーグリーンと文字色のコントラスト

白い文字コントラスト比 2.5:1 · 非推奨
黒い文字コントラスト比 8.4:1 · AAA

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

CSSコード

:root {
  --kelly-green: #4CBB17;
  --kelly-green-rgb: 76, 187, 23;
}
.bg { background-color: var(--kelly-green); }
.text { color: var(--kelly-green); }

ケリーグリーンに近い色

シャルトリューズスプリンググリーンエメラルドグリーンライトグリーン

その他の緑系の色

緑エメラルドグリーンライムグリーンオリーブグリーンミントグリーンモスグリーンフォレストグリーン翡翠色パイングリーンアップルグリーンセージグリーンボトルグリーンアーミーグリーンネオングリーンピスタチオグリーン草色シャルトリューズパステルグリーンダークグリーンライトグリーンメキシコ国旗の緑アボカドグリーン青磁色ファーングリーン
ケリーグリーンの色見本と明るい色から暗い色までのグラデーション · #4CBB17
ケリーグリーンの色見本と明るい色から暗い色までのグラデーション · #4CBB17

次はこれを試してみよう

名前からパレットを作る名前の文字から、あなただけの配色を作る配色スロットレバーを引くと配色が決まるスロット色ガチャ回すと日本の伝統色が出るガチャ
無料診断・ツールをすべて見る →

よくある質問

ケリーグリーンのカラーコードは?

ケリーグリーンのHEXコードは#4CBB17です。RGBではrgb(76, 187, 23)、HSLではhsl(101, 78%, 41%)、CMYKでは59, 0, 88, 27となります。

ケリーグリーンの補色は何色ですか?

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

ケリーグリーンの上に白い文字を置いても読みやすいですか?

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

緑系の色をすべて見る →