#393DCA

#393DCA

white

#FFFFFF

コントラスト比

7.79:1

Delta E

107.55

Very Different

50:50 ミックス

カラー値

フォーマット #393DCA #FFFFFF
HEX #393DCA #FFFFFF
RGB 57, 61, 202 255, 255, 255
HSL 238.3, 57.8%, 50.8% 0.0, 0.0%, 100.0%
HSV 238.3, 71.8%, 79.2% 0.0, 0.0%, 100.0%
CMYK 71.8%, 69.8%, 0.0%, 20.8% 0.0%, 0.0%, 0.0%, 0.0%
OKLCH 0.4577 0.2118 273.0 1.0 0.0 89.9

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

7.79:1
AA Pass AA Large Pass AAA Pass AAA Large Pass

テキスト読みやすさ

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

テキスト: #FFFFFF → 背景色: #393DCA

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

テキスト: #393DCA → 背景色: #FFFFFF

色差 (Delta E)

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

グラデーション

カラーミキシング

CSSグラデーションコード

background: linear-gradient(to right, #393DCA, #FFFFFF);
background: linear-gradient(135deg, #393DCA, #FFFFFF);

各色を詳しく見る

関連する比較