鮭の身にちなんだ名前で、ピンクとオレンジの中間の色です。やわらかく親しみやすい色で、シャツやテーブルクロス、壁によく見られます。CSSではsalmonとして使えます。
別名:サーモン, サーモン色
サーモンピンク(#FA8072)は、暖色系・明るめ・鮮やかの色です。オレンジ系の色のグループに属します。RGBの値は赤250・緑128・青114(各255段階)。主な用途:ファッション, インテリア, ウェブ。
明るい色から暗い色の順に並んでいます。色をタップするとカラーコードをコピーできます。
色相環にもとづいた配色です。配色ハーモニーツールでさらに多くのパターンを試せます。
カラーコードをコピーするか、エディターで開いて自由に調整できます。
WCAG 2.1の基準にもとづいています。ほかの色の組み合わせはコントラストチェッカーで確認できます。
:root {
--salmon: #FA8072;
--salmon-rgb: 250, 128, 114;
}
.bg { background-color: var(--salmon); }
.text { color: var(--salmon); }サーモンピンクのHEXコードは#FA8072です。RGBではrgb(250, 128, 114)、HSLではhsl(6, 93%, 71%)、CMYKでは0, 49, 54, 2となります。
色相環で反対側にある補色は#72ECFAで、パステルターコイズに近い色合いです。少量をアクセントとして使うと、強いコントラストが生まれます。
黒い文字のほうがおすすめです。白とのコントラスト比は2.5:1しかありませんが、黒とは8.4:1になります。
相性のよい色:グレー, ネイビー, 白, ベージュ, ミントグリーン。似すぎたコーラル、オレンジ、赤と合わせると、まぎらわしく見えるので避けましょう。強い黄色と合わせるのも、やわらかさが失われます。