カラー詳細: #22c55e
この色について
#22c55e は中程度の明るさの鮮やかな緑系の色です。RGB値は (34, 197, 94)、HSL値は 142°/71%/45% です。 緑の持つ自然・成長・安心・健康のイメージを鮮やかに表現します。環境・食品・ヘルスケア系コンテンツとの親和性が高い色です。 推奨テキスト色は黒（コントラスト比 9.22:1）です。 黒テキストとの比率が7以上でWCAG AAAを満たします。
カラー情報
- RGB: 34, 197, 94
- HSL: 142°, 71%, 45%
- 明度(HSL-L): 45%
- 推奨テキスト色: #000000
- コントラスト比(黒): 9.22:1
- コントラスト比(白): 2.28:1
補色 (Complementary)
色相環で正反対に位置する色です。コントラストが強く、アクセントカラーとして使われます。
#22c55e
#c52289
類似色 (Analogous)
色相環で隣り合う色です。まとまりのある配色を作るときに使われます。
#37c522
#22c535
#22c55e
#22c587
#22c5b0
グラデーション作成
タイプ
方向
パターン
linear-gradient(to right, #22c55e, #c52289)
ダウンロードサイズ
×px