#F0F3FF

#F0F3FF

#FFFCF0

#FFFCF0

コントラスト比

1.08:1

Delta E

12.74

Noticeable

50:50 ミックス

#F8F7F8

カラー値

フォーマット #F0F3FF #FFFCF0
HEX #F0F3FF #FFFCF0
RGB 240, 243, 255 255, 252, 240
HSL 228.0, 100.0%, 97.1% 48.0, 100.0%, 97.1%
HSV 228.0, 5.9%, 100.0% 48.0, 5.9%, 100.0%
CMYK 5.9%, 4.7%, 0.0%, 0.0% 0.0%, 1.2%, 5.9%, 0.0%
OKLCH 0.9654 0.0164 274.8 0.9901 0.0161 95.2

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

1.08:1
AA Fail AA Large Fail AAA Fail AAA Large Fail

テキスト読みやすさ

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

テキスト: #FFFCF0 → 背景色: #F0F3FF

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

テキスト: #F0F3FF → 背景色: #FFFCF0

色差 (Delta E)

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

グラデーション

#F0F3FF #F3F4FD #F5F6FA #F8F7F8 #FAF9F5 #FDFAF3 #FFFCF0

カラーミキシング

#F0F3FF

100%

#F4F5FB

75:25

#F8F7F8

50:50

#FBFAF4

25:75

#FFFCF0

100%

CSSグラデーションコード

background: linear-gradient(to right, #F0F3FF, #FFFCF0);
background: linear-gradient(135deg, #F0F3FF, #FFFCF0);

各色を詳しく見る

#F0F3FF

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

#FFFCF0

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

関連する比較