#4249AE

#4249AE

white

#FFFFFF

コントラスト比

7.51:1

Delta E

89.21

Very Different

50:50 ミックス

#A69FD7

カラー値

フォーマット #4249AE #FFFFFF
HEX #4249AE #FFFFFF
RGB 66, 73, 174 255, 255, 255
HSL 236.1, 45.0%, 47.1% 0.0, 0.0%, 100.0%
HSV 236.1, 62.1%, 68.2% 0.0, 0.0%, 100.0%
CMYK 62.1%, 58.0%, 0.0%, 31.8% 0.0%, 0.0%, 0.0%, 0.0%
OKLCH 0.4592 0.1588 275.2 1.0 0.0 89.9

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

7.51:1
AA Pass AA Large Pass AAA Pass AAA Large Pass

テキスト読みやすさ

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

テキスト: #FFFFFF → 背景色: #4249AE

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

テキスト: #4249AE → 背景色: #FFFFFF

色差 (Delta E)

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

グラデーション

#4249AE #6764BC #8881CA #A69FD7 #C4BEE5 #E2DEF2 #FFFFFF

カラーミキシング

#4249AE

100%

#7873C3

75:25

#A69FD7

50:50

#D3CEEB

25:75

#FFFFFF

100%

CSSグラデーションコード

background: linear-gradient(to right, #4249AE, #FFFFFF);
background: linear-gradient(135deg, #4249AE, #FFFFFF);

各色を詳しく見る

#4249AE

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

white

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

関連する比較