#F4FEFF

#F4FEFF

#FFF5F4

#FFF5F4

コントラスト比

1.04:1

Delta E

7.27

Noticeable

50:50 ミックス

#FAFAF9

カラー値

フォーマット #F4FEFF #FFF5F4
HEX #F4FEFF #FFF5F4
RGB 244, 254, 255 255, 245, 244
HSL 185.5, 100.0%, 97.8% 5.5, 100.0%, 97.8%
HSV 185.5, 4.3%, 100.0% 5.5, 4.3%, 100.0%
CMYK 4.3%, 0.4%, 0.0%, 0.0% 0.0%, 3.9%, 4.3%, 0.0%
OKLCH 0.9899 0.0106 204.1 0.9776 0.0109 24.3

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

1.04:1
AA Fail AA Large Fail AAA Fail AAA Large Fail

テキスト読みやすさ

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

テキスト: #FFF5F4 → 背景色: #F4FEFF

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

テキスト: #F4FEFF → 背景色: #FFF5F4

色差 (Delta E)

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

グラデーション

#F4FEFF #F6FDFD #F8FBFB #FAFAF9 #FBF8F8 #FDF7F6 #FFF5F4

カラーミキシング

#F4FEFF

100%

#F7FCFC

75:25

#FAFAF9

50:50

#FCF7F7

25:75

#FFF5F4

100%

CSSグラデーションコード

background: linear-gradient(to right, #F4FEFF, #FFF5F4);
background: linear-gradient(135deg, #F4FEFF, #FFF5F4);

各色を詳しく見る

#F4FEFF

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

#FFF5F4

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

関連する比較