#DADEFF

#DADEFF

#FFFBDA

#FFFBDA

コントラスト比

1.26:1

Delta E

35.18

Very Different

50:50 ミックス

#EEECED

カラー値

フォーマット #DADEFF #FFFBDA
HEX #DADEFF #FFFBDA
RGB 218, 222, 255 255, 251, 218
HSL 233.5, 100.0%, 92.7% 53.5, 100.0%, 92.7%
HSV 233.5, 14.5%, 100.0% 53.5, 14.5%, 100.0%
CMYK 14.5%, 12.9%, 0.0%, 0.0% 0.0%, 1.6%, 14.5%, 0.0%
OKLCH 0.9078 0.0452 280.0 0.9827 0.043 101.5

コントラストとアクセシビリティ

1.26:1
AA Fail AA Large Fail AAA Fail AAA Large Fail

テキスト読みやすさ

いろはにほへとちりぬるをわかよたれそつねならむ

テキスト: #FFFBDA → 背景色: #DADEFF

いろはにほへとちりぬるをわかよたれそつねならむ

テキスト: #DADEFF → 背景色: #FFFBDA

色差 (Delta E)

35.18 Very Different
0 — 同一 5 — 類似 25 — 目立つ差異 100 — 大きく異なる

グラデーション

#DADEFF #E1E3F9 #E7E8F3 #EEECED #F4F1E7 #F9F6E0 #FFFBDA

カラーミキシング

#DADEFF

100%

#E4E5F6

75:25

#EEECED

50:50

#F7F4E4

25:75

#FFFBDA

100%

CSSグラデーションコード

background: linear-gradient(to right, #DADEFF, #FFFBDA);
background: linear-gradient(135deg, #DADEFF, #FFFBDA);

各色を詳しく見る

#DADEFF

カラーの詳細をすべて見る

#FFFBDA

カラーの詳細をすべて見る

関連する比較