#F0FEFF

#F0FEFF

#FFF1F0

#FFF1F0

コントラスト比

1.06:1

Delta E

10.17

Noticeable

50:50 ミックス

#F8F8F7

カラー値

フォーマット #F0FEFF #FFF1F0
HEX #F0FEFF #FFF1F0
RGB 240, 254, 255 255, 241, 240
HSL 184.0, 100.0%, 97.1% 4.0, 100.0%, 97.1%
HSV 184.0, 5.9%, 100.0% 4.0, 5.9%, 100.0%
CMYK 5.9%, 0.4%, 0.0%, 0.0% 0.0%, 5.5%, 5.9%, 0.0%
OKLCH 0.987 0.0148 202.1 0.9689 0.0152 22.4

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

1.06:1
AA Fail AA Large Fail AAA Fail AAA Large Fail

テキスト読みやすさ

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

テキスト: #FFF1F0 → 背景色: #F0FEFF

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

テキスト: #F0FEFF → 背景色: #FFF1F0

色差 (Delta E)

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

グラデーション

#F0FEFF #F3FCFC #F5FAFA #F8F8F7 #FAF5F5 #FDF3F2 #FFF1F0

カラーミキシング

#F0FEFF

100%

#F4FBFB

75:25

#F8F8F7

50:50

#FBF4F4

25:75

#FFF1F0

100%

CSSグラデーションコード

background: linear-gradient(to right, #F0FEFF, #FFF1F0);
background: linear-gradient(135deg, #F0FEFF, #FFF1F0);

各色を詳しく見る

#F0FEFF

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

#FFF1F0

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

関連する比較