#EFF8F4

#EFF8F4

#F8EFF3

#F8EFF3

コントラスト比

1.04:1

Delta E

7.76

Noticeable

50:50 ミックス

#F4F4F4

カラー値

フォーマット #EFF8F4 #F8EFF3
HEX #EFF8F4 #F8EFF3
RGB 239, 248, 244 248, 239, 243
HSL 153.3, 39.1%, 95.5% 333.3, 39.1%, 95.5%
HSV 153.3, 3.6%, 97.3% 333.3, 3.6%, 97.3%
CMYK 3.6%, 0.0%, 1.6%, 2.7% 0.0%, 3.6%, 2.0%, 2.7%
OKLCH 0.9713 0.0109 167.8 0.9603 0.011 348.4

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

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

テキスト読みやすさ

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

テキスト: #F8EFF3 → 背景色: #EFF8F4

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

テキスト: #EFF8F4 → 背景色: #F8EFF3

色差 (Delta E)

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

グラデーション

#EFF8F4 #F1F7F4 #F2F5F4 #F4F4F4 #F5F2F3 #F7F1F3 #F8EFF3

カラーミキシング

#EFF8F4

100%

#F1F6F4

75:25

#F4F4F4

50:50

#F6F1F3

25:75

#F8EFF3

100%

CSSグラデーションコード

background: linear-gradient(to right, #EFF8F4, #F8EFF3);
background: linear-gradient(135deg, #EFF8F4, #F8EFF3);

各色を詳しく見る

#EFF8F4

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

#F8EFF3

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

関連する比較