#F5FDFB

#F5FDFB

#FDF5F7

#FDF5F7

コントラスト比

1.04:1

Delta E

6.17

Noticeable

50:50 ミックス

#F9F9F9

カラー値

フォーマット #F5FDFB #FDF5F7
HEX #F5FDFB #FDF5F7
RGB 245, 253, 251 253, 245, 247
HSL 165.0, 66.7%, 97.6% 345.0, 66.7%, 97.6%
HSV 165.0, 3.2%, 99.2% 345.0, 3.2%, 99.2%
CMYK 3.2%, 0.0%, 0.8%, 0.8% 0.0%, 3.2%, 2.4%, 0.8%
OKLCH 0.9875 0.0088 179.6 0.9769 0.0089 0.1

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

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

テキスト読みやすさ

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

テキスト: #FDF5F7 → 背景色: #F5FDFB

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

テキスト: #F5FDFB → 背景色: #FDF5F7

色差 (Delta E)

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

グラデーション

#F5FDFB #F6FCFA #F8FAFA #F9F9F9 #FAF8F8 #FCF6F8 #FDF5F7

カラーミキシング

#F5FDFB

100%

#F7FBFA

75:25

#F9F9F9

50:50

#FBF7F8

25:75

#FDF5F7

100%

CSSグラデーションコード

background: linear-gradient(to right, #F5FDFB, #FDF5F7);
background: linear-gradient(135deg, #F5FDFB, #FDF5F7);

各色を詳しく見る

#F5FDFB

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

#FDF5F7

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

関連する比較