#DDFBE5

#DDFBE5

#FBDDF3

#FBDDF3

コントラスト比

1.14:1

Delta E

31.56

Very Different

50:50 ミックス

#EDECEC

カラー値

フォーマット #DDFBE5 #FBDDF3
HEX #DDFBE5 #FBDDF3
RGB 221, 251, 229 251, 221, 243
HSL 136.0, 78.9%, 92.5% 316.0, 78.9%, 92.5%
HSV 136.0, 12.0%, 98.4% 316.0, 12.0%, 98.4%
CMYK 12.0%, 0.0%, 8.8%, 1.6% 0.0%, 12.0%, 3.2%, 1.6%
OKLCH 0.9605 0.0428 153.7 0.9286 0.0437 335.3

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

1.14:1
AA Fail AA Large Fail AAA Fail AAA Large Fail

テキスト読みやすさ

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

テキスト: #FBDDF3 → 背景色: #DDFBE5

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

テキスト: #DDFBE5 → 背景色: #FBDDF3

色差 (Delta E)

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

グラデーション

#DDFBE5 #E3F6E7 #E8F1EA #EDECEC #F2E7EE #F6E2F1 #FBDDF3

カラーミキシング

#DDFBE5

100%

#E5F4E9

75:25

#EDECEC

50:50

#F4E5F0

25:75

#FBDDF3

100%

CSSグラデーションコード

background: linear-gradient(to right, #DDFBE5, #FBDDF3);
background: linear-gradient(135deg, #DDFBE5, #FBDDF3);

各色を詳しく見る

#DDFBE5

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

#FBDDF3

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

関連する比較