シーグリーンの基本情報
シーグリーン（#2E8B57）は、中間色系・中くらいの明るさ・中くらいの彩度の色です。緑系の色のグループに属します。RGBの値は赤46・緑139・青87（各255段階）。主な用途：インテリア, ブランディング, 自然。
服・ネイル・髪色・部屋・車・スマホケースで、シーグリーンがどう見えるかをチェック。
明るさ
合わせる色
シーグリーンのHEXコードは#2E8B57です。RGBではrgb(46, 139, 87)、HSLではhsl(146, 50%, 36%)、CMYKでは67, 0, 37, 45となります。
シーグリーン（#2E8B57）は、中間色系・中くらいの明るさ・中くらいの彩度の色です。緑系の色のグループに属します。RGBの値は赤46・緑139・青87（各255段階）。主な用途：インテリア, ブランディング, 自然。
明るい色から暗い色の順に並んでいます。色をタップするとカラーコードをコピーできます。
この色の濃淡を見る: カラースケール生成ツール
色相環にもとづいた配色です。配色ハーモニーツールでさらに多くのパターンを試せます。
カラーコードをコピーするか、エディターで開いて自由に調整できます。
WCAG 2.1の基準にもとづいています。ほかの色の組み合わせはコントラストチェッカーで確認できます。
:root {
--sea-green: #2E8B57;
--sea-green-rgb: 46, 139, 87;
}
.bg { background-color: var(--sea-green); }
.text { color: var(--sea-green); }
シーグリーンのHEXコードは#2E8B57です。RGBではrgb(46, 139, 87)、HSLではhsl(146, 50%, 36%)、CMYKでは67, 0, 37, 45となります。
色相環で反対側にある補色は#8B2E62で、ダークピンクに近い色合いです。少量をアクセントとして使うと、強いコントラストが生まれます。
黒い文字のほうがおすすめです。白とのコントラスト比は4.2:1しかありませんが、黒とは4.9:1になります。
サイトの利用状況を知るために、Google AnalyticsのCookieを使用しています。同意しますか？ 詳しく見る