CSS の名前付きカラー
LightBlue のカラーコード
LightBlue はシアン系の色で、明るさは高め、彩度は中くらいです。カラーコードは #ADD8E6 です。 RGB では rgb(173, 216, 230)、HSL では hsl(195, 53%, 79%)、CMYK では cmyk(25%, 6%, 0%, 10%) です。
LightBlue
#ADD8E6
カラー値
CSS ではキーワード lightblue で指定できます。
LightBlue の上の白い文字のコントラスト比は 1.53:1、黒い文字は 13.74:1 なので、黒の文字の方が読みやすくなります。
最も近い Tailwind CSS のカラーは Slate 300 (#CBD5E1) です。
CSS で LightBlue を使う
.element {
color: lightblue;
background-color: #add8e6;
border-color: rgb(173, 216, 230);
}LightBlue の濃淡
同じ色相で明るい色から暗い色までの 10 段階。クリックでコピーできます。
LightBlue と相性のよい色
#ADD8E6 をもとにした色相環の配色。スウォッチをクリックしてコピーするか、カラーホイールで開けます。
LightBlue の上の文字コントラスト
Aa
白い文字
1.53:1
不合格
Aa
黒い文字
13.74:1
AAA
LightBlue に近い色
最も近い CSS カラー名
最も近い中国の伝統色
最も近い Tailwind カラー
近い色を含むパレット
LightBlue についてのよくある質問
LightBlue のカラーコードは？
LightBlue のカラーコードは #ADD8E6 です。RGB 値は rgb(173, 216, 230)、HSL 値は hsl(195, 53%, 79%) です。
LightBlue に合う色は？
LightBlue の補色は #E6BBAD です。やわらかい配色なら類似色の #ADE6D8、#ADBBE6、バランスのよい 3 色配色ならトライアドの #E6ADD8、#D8E6AD を使いましょう。
LightBlue は文字色として読みやすいですか？
白い背景の上では LightBlue のコントラスト比は 1.53:1 で、通常テキストの WCAG AA 基準（4.5:1）を満たしていません。黒い背景の上では 13.74:1 です。