カラーパレット

クリムゾン

名前はアラビア語の「キルミズ」に由来し、ケルメスという虫から採った染料を指していました。わずかに青みを帯びた強い赤で、上品でややドラマチックな印象です。制服や旗、パーティードレスなどに見られます。

別名:クリムゾンレッド, 深紅

クリムゾン · #DC143C

クリムゾンの基本情報

クリムゾン(#DC143C)は、暖色系・中くらいの明るさ・鮮やかの色です。赤系の色のグループに属します。RGBの値は赤220・緑20・青60(各255段階)。主な用途:ファッション, ブランディング, グラフィックデザイン。

クリムゾンの濃淡:明るいトーンと暗いトーン

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

クリムゾンの配色ハーモニー

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

補色近い色:ターコイズ
トライアド近い色:草色, クラインブルー
スプリット・コンプリメンタリー近い色:パステルグリーン, スチールブルー

クリムゾンを使ったカラーパレット

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

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

クリムゾンと文字色のコントラスト

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

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

CSSコード

:root {
  --crimson: #DC143C;
  --crimson-rgb: 220, 20, 60;
}
.bg { background-color: var(--crimson); }
.text { color: var(--crimson); }

クリムゾンに近い色

チェリーレッド朱色レンガ色ラズベリールビーレッドカーマイントマトレッドブラッドレッドインディアンレッド錆色

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

その他の赤系の色

赤スカーレット朱色マルーンバーガンディワインレッドカーマインルビーレッドチェリーレッドレンガ色ブラッドレッドマルサラトマトレッドフェラーリレッドインディアンレッド

よくある質問

クリムゾンのカラーコードは?

クリムゾンのHEXコードは#DC143Cです。RGBではrgb(220, 20, 60)、HSLではhsl(348, 83%, 47%)、CMYKでは0, 91, 73, 14となります。

クリムゾンの補色は何色ですか?

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

クリムゾンの上に白い文字を置いても読みやすいですか?

はい。白とのコントラスト比は5.0:1で、通常サイズの文字にも十分です(WCAG AA)。