#DEF9DA

#DEF9DA

#F5DAF9

#F5DAF9

コントラスト比

1.15:1

Delta E

37.78

Very Different

50:50 ミックス

#EAEAEA

カラー値

フォーマット #DEF9DA #F5DAF9
HEX #DEF9DA #F5DAF9
RGB 222, 249, 218 245, 218, 249
HSL 112.3, 72.1%, 91.6% 292.3, 72.1%, 91.6%
HSV 112.3, 12.4%, 97.6% 292.3, 12.4%, 97.6%
CMYK 10.8%, 0.0%, 12.4%, 2.4% 1.6%, 12.4%, 0.0%, 2.4%
OKLCH 0.9543 0.0498 141.6 0.9197 0.0505 321.9

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

1.15:1
AA Fail AA Large Fail AAA Fail AAA Large Fail

テキスト読みやすさ

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

テキスト: #F5DAF9 → 背景色: #DEF9DA

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

テキスト: #DEF9DA → 背景色: #F5DAF9

色差 (Delta E)

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

グラデーション

#DEF9DA #E2F4DF #E6EFE4 #EAEAEA #EEE5EF #F2DFF4 #F5DAF9

カラーミキシング

#DEF9DA

100%

#E4F1E2

75:25

#EAEAEA

50:50

#F0E2F1

25:75

#F5DAF9

100%

CSSグラデーションコード

background: linear-gradient(to right, #DEF9DA, #F5DAF9);
background: linear-gradient(135deg, #DEF9DA, #F5DAF9);

各色を詳しく見る

#DEF9DA

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

#F5DAF9

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

関連する比較