#DDF2E3

#DDF2E3

#F2DDEC

#F2DDEC

コントラスト比

1.1:1

Delta E

21.9

Noticeable

50:50 ミックス

#E8E8E8

カラー値

フォーマット #DDF2E3 #F2DDEC
HEX #DDF2E3 #F2DDEC
RGB 221, 242, 227 242, 221, 236
HSL 137.1, 44.7%, 90.8% 317.1, 44.7%, 90.8%
HSV 137.1, 8.7%, 94.9% 317.1, 8.7%, 94.9%
CMYK 8.7%, 0.0%, 6.2%, 5.1% 0.0%, 8.7%, 2.5%, 5.1%
OKLCH 0.9416 0.0298 154.7 0.9189 0.0303 335.9

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

1.1:1
AA Fail AA Large Fail AAA Fail AAA Large Fail

テキスト読みやすさ

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

テキスト: #F2DDEC → 背景色: #DDF2E3

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

テキスト: #DDF2E3 → 背景色: #F2DDEC

色差 (Delta E)

21.9 Noticeable
0 — 同一 5 — 類似 25 — 目立つ差異 100 — 大きく異なる

グラデーション

#DDF2E3 #E1EFE5 #E4EBE6 #E8E8E8 #EBE4E9 #EFE1EB #F2DDEC

カラーミキシング

#DDF2E3

100%

#E3EDE5

75:25

#E8E8E8

50:50

#EDE2EA

25:75

#F2DDEC

100%

CSSグラデーションコード

background: linear-gradient(to right, #DDF2E3, #F2DDEC);
background: linear-gradient(135deg, #DDF2E3, #F2DDEC);

各色を詳しく見る

#DDF2E3

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

#F2DDEC

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

関連する比較