CSS の名前付きカラー
HoneyDew のカラーコード
HoneyDew はホワイト系の無彩色に近い色で、明るさはとても高めです。カラーコードは #F0FFF0 です。 RGB では rgb(240, 255, 240)、HSL では hsl(120, 100%, 97%)、CMYK では cmyk(6%, 0%, 6%, 0%) です。
HoneyDew
#F0FFF0
カラー値
CSS ではキーワード honeydew で指定できます。
HoneyDew の上の白い文字のコントラスト比は 1.04:1、黒い文字は 20.27:1 なので、黒の文字の方が読みやすくなります。
最も近い Tailwind CSS のカラーは Green 50 (#F0FDF4) です。
CSS で HoneyDew を使う
.element {
color: honeydew;
background-color: #f0fff0;
border-color: rgb(240, 255, 240);
}HoneyDew の濃淡
同じ色相で明るい色から暗い色までの 10 段階。クリックでコピーできます。
HoneyDew と相性のよい色
#F0FFF0 をもとにした色相環の配色。スウォッチをクリックしてコピーするか、カラーホイールで開けます。
HoneyDew の上の文字コントラスト
Aa
白い文字
1.04:1
不合格
Aa
黒い文字
20.27:1
AAA
HoneyDew に近い色
最も近い CSS カラー名
最も近い中国の伝統色
最も近い Tailwind カラー
近い色を含むパレット
HoneyDew についてのよくある質問
HoneyDew のカラーコードは？
HoneyDew のカラーコードは #F0FFF0 です。RGB 値は rgb(240, 255, 240)、HSL 値は hsl(120, 100%, 97%) です。
HoneyDew に合う色は？
HoneyDew の補色は #FFF0FF です。やわらかい配色なら類似色の #F7FFF0、#F0FFF7、バランスのよい 3 色配色ならトライアドの #F0F0FF、#FFF0F0 を使いましょう。
HoneyDew は文字色として読みやすいですか？
白い背景の上では HoneyDew のコントラスト比は 1.04:1 で、通常テキストの WCAG AA 基準（4.5:1）を満たしていません。黒い背景の上では 20.27:1 です。