#DFF3F0

#DFF3F0

#F3DFE2

#F3DFE2

コントラスト比

1.11:1

Delta E

15.06

Noticeable

50:50 ミックス

#EAE9E9

カラー値

フォーマット #DFF3F0 #F3DFE2
HEX #DFF3F0 #F3DFE2
RGB 223, 243, 240 243, 223, 226
HSL 171.0, 45.5%, 91.4% 351.0, 45.5%, 91.4%
HSV 171.0, 8.2%, 95.3% 351.0, 8.2%, 95.3%
CMYK 8.2%, 0.0%, 1.2%, 4.7% 0.0%, 8.2%, 7.0%, 4.7%
OKLCH 0.9486 0.0214 186.0 0.9206 0.0223 7.2

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

1.11:1
AA Fail AA Large Fail AAA Fail AAA Large Fail

テキスト読みやすさ

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

テキスト: #F3DFE2 → 背景色: #DFF3F0

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

テキスト: #DFF3F0 → 背景色: #F3DFE2

色差 (Delta E)

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

グラデーション

#DFF3F0 #E3F0EE #E6ECEB #EAE9E9 #EDE6E7 #F0E2E4 #F3DFE2

カラーミキシング

#DFF3F0

100%

#E4EEEC

75:25

#EAE9E9

50:50

#EEE4E5

25:75

#F3DFE2

100%

CSSグラデーションコード

background: linear-gradient(to right, #DFF3F0, #F3DFE2);
background: linear-gradient(135deg, #DFF3F0, #F3DFE2);

各色を詳しく見る

#DFF3F0

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

#F3DFE2

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

関連する比較