#F2F2F8

#F2F2F8

#F8F8F2

#F8F8F2

コントラスト比

1.05:1

Delta E

6.39

Noticeable

50:50 ミックス

#F5F5F5

カラー値

フォーマット #F2F2F8 #F8F8F2
HEX #F2F2F8 #F8F8F2
RGB 242, 242, 248 248, 248, 242
HSL 240.0, 30.0%, 96.1% 60.0, 30.0%, 96.1%
HSV 240.0, 2.4%, 97.3% 60.0, 2.4%, 97.3%
CMYK 2.4%, 2.4%, 0.0%, 2.7% 0.0%, 0.0%, 2.4%, 2.7%
OKLCH 0.9629 0.008 286.2 0.9775 0.0079 106.5

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

1.05:1
AA Fail AA Large Fail AAA Fail AAA Large Fail

テキスト読みやすさ

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

テキスト: #F8F8F2 → 背景色: #F2F2F8

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

テキスト: #F2F2F8 → 背景色: #F8F8F2

色差 (Delta E)

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

グラデーション

#F2F2F8 #F3F3F7 #F4F4F6 #F5F5F5 #F6F6F4 #F7F7F3 #F8F8F2

カラーミキシング

#F2F2F8

100%

#F4F4F7

75:25

#F5F5F5

50:50

#F7F6F4

25:75

#F8F8F2

100%

CSSグラデーションコード

background: linear-gradient(to right, #F2F2F8, #F8F8F2);
background: linear-gradient(135deg, #F2F2F8, #F8F8F2);

各色を詳しく見る

#F2F2F8

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

#F8F8F2

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

関連する比較