#BEC4F2

#BEC4F2

#F2ECBE

#F2ECBE

コントラスト比

1.42:1

Delta E

49.83

Very Different

50:50 ミックス

#DAD8D9

カラー値

フォーマット #BEC4F2 #F2ECBE
HEX #BEC4F2 #F2ECBE
RGB 190, 196, 242 242, 236, 190
HSL 233.1, 66.7%, 84.7% 53.1, 66.7%, 84.7%
HSV 233.1, 21.5%, 94.9% 53.1, 21.5%, 94.9%
CMYK 21.5%, 19.0%, 0.0%, 5.1% 0.0%, 2.5%, 21.5%, 5.1%
OKLCH 0.8311 0.0647 279.1 0.9364 0.0601 101.3

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

1.42:1
AA Fail AA Large Fail AAA Fail AAA Large Fail

テキスト読みやすさ

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

テキスト: #F2ECBE → 背景色: #BEC4F2

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

テキスト: #BEC4F2 → 背景色: #F2ECBE

色差 (Delta E)

49.83 Very Different
0 — 同一 5 — 類似 25 — 目立つ差異 100 — 大きく異なる

グラデーション

#BEC4F2 #C8CAEA #D2D1E1 #DAD8D9 #E3DED0 #EBE5C7 #F2ECBE

カラーミキシング

#BEC4F2

100%

#CDCEE5

75:25

#DAD8D9

50:50

#E7E2CC

25:75

#F2ECBE

100%

CSSグラデーションコード

background: linear-gradient(to right, #BEC4F2, #F2ECBE);
background: linear-gradient(135deg, #BEC4F2, #F2ECBE);

各色を詳しく見る

#BEC4F2

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

#F2ECBE

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

関連する比較