#E2F4EB

#E2F4EB

#F4E2EB

#F4E2EB

コントラスト比

1.09:1

Delta E

16.16

Noticeable

50:50 ミックス

#EBEBEB

カラー値

フォーマット #E2F4EB #F4E2EB
HEX #E2F4EB #F4E2EB
RGB 226, 244, 235 244, 226, 235
HSL 150.0, 45.0%, 92.2% 330.0, 45.0%, 92.2%
HSV 150.0, 7.4%, 95.7% 330.0, 7.4%, 95.7%
CMYK 7.4%, 0.0%, 3.7%, 4.3% 0.0%, 7.4%, 3.7%, 4.3%
OKLCH 0.9513 0.0224 164.5 0.9298 0.0229 345.8

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

1.09:1
AA Fail AA Large Fail AAA Fail AAA Large Fail

テキスト読みやすさ

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

テキスト: #F4E2EB → 背景色: #E2F4EB

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

テキスト: #E2F4EB → 背景色: #F4E2EB

色差 (Delta E)

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

グラデーション

#E2F4EB #E5F1EB #E8EEEB #EBEBEB #EEE8EB #F1E5EB #F4E2EB

カラーミキシング

#E2F4EB

100%

#E7F0EB

75:25

#EBEBEB

50:50

#F0E7EB

25:75

#F4E2EB

100%

CSSグラデーションコード

background: linear-gradient(to right, #E2F4EB, #F4E2EB);
background: linear-gradient(135deg, #E2F4EB, #F4E2EB);

各色を詳しく見る

#E2F4EB

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

#F4E2EB

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

関連する比較