#F4F3FF

#F4F3FF

#FEFFF3

#FEFFF3

コントラスト比

1.09:1

Delta E

12.72

Noticeable

50:50 ミックス

#F9F9F9

カラー値

フォーマット #F4F3FF #FEFFF3
HEX #F4F3FF #FEFFF3
RGB 244, 243, 255 254, 255, 243
HSL 245.0, 100.0%, 97.6% 65.0, 100.0%, 97.6%
HSV 245.0, 4.7%, 100.0% 65.0, 4.7%, 100.0%
CMYK 4.3%, 4.7%, 0.0%, 0.0% 0.4%, 0.0%, 4.7%, 0.0%
OKLCH 0.9684 0.016 289.9 0.996 0.0157 110.5

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

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

テキスト読みやすさ

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

テキスト: #FEFFF3 → 背景色: #F4F3FF

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

テキスト: #F4F3FF → 背景色: #FEFFF3

色差 (Delta E)

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

グラデーション

#F4F3FF #F6F5FD #F7F7FB #F9F9F9 #FBFBF7 #FCFDF5 #FEFFF3

カラーミキシング

#F4F3FF

100%

#F7F6FC

75:25

#F9F9F9

50:50

#FCFCF6

25:75

#FEFFF3

100%

CSSグラデーションコード

background: linear-gradient(to right, #F4F3FF, #FEFFF3);
background: linear-gradient(135deg, #F4F3FF, #FEFFF3);

各色を詳しく見る

#F4F3FF

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

#FEFFF3

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

関連する比較