CSS の名前付きカラー
Thistle のカラーコード
Thistle はマゼンタ系の色で、明るさは高め、彩度は低めです。カラーコードは #D8BFD8 です。 RGB では rgb(216, 191, 216)、HSL では hsl(300, 24%, 80%)、CMYK では cmyk(0%, 12%, 0%, 15%) です。
Thistle
#D8BFD8
カラー値
CSS ではキーワード thistle で指定できます。
Thistle の上の白い文字のコントラスト比は 1.70:1、黒い文字は 12.36:1 なので、黒の文字の方が読みやすくなります。
最も近い Tailwind CSS のカラーは Zinc 300 (#D4D4D8) です。
CSS で Thistle を使う
.element {
color: thistle;
background-color: #d8bfd8;
border-color: rgb(216, 191, 216);
}Thistle の濃淡
同じ色相で明るい色から暗い色までの 10 段階。クリックでコピーできます。
Thistle と相性のよい色
#D8BFD8 をもとにした色相環の配色。スウォッチをクリックしてコピーするか、カラーホイールで開けます。
Thistle の上の文字コントラスト
Aa
白い文字
1.70:1
不合格
Aa
黒い文字
12.36:1
AAA
Thistle に近い色
最も近い CSS カラー名
最も近い中国の伝統色
最も近い Tailwind カラー
近い色を含むパレット
Thistle についてのよくある質問
Thistle のカラーコードは？
Thistle のカラーコードは #D8BFD8 です。RGB 値は rgb(216, 191, 216)、HSL 値は hsl(300, 24%, 80%) です。
Thistle に合う色は？
Thistle の補色は #C0D8C0 です。やわらかい配色なら類似色の #CCC0D8、#D8C0CC、バランスのよい 3 色配色ならトライアドの #D8D8C0、#C0D8D8 を使いましょう。
Thistle は文字色として読みやすいですか？
白い背景の上では Thistle のコントラスト比は 1.70:1 で、通常テキストの WCAG AA 基準（4.5:1）を満たしていません。黒い背景の上では 12.36:1 です。