#545CFF

#545CFF

#FFF754

#FFF754

コントラスト比

4.29:1

Delta E

175.91

Very Different

50:50 ミックス

#CAA6B6

カラー値

フォーマット #545CFF #FFF754
HEX #545CFF #FFF754
RGB 84, 92, 255 255, 247, 84
HSL 237.2, 100.0%, 66.5% 57.2, 100.0%, 66.5%
HSV 237.2, 67.1%, 100.0% 57.2, 67.1%, 100.0%
CMYK 67.1%, 63.9%, 0.0%, 0.0% 0.0%, 3.1%, 67.1%, 0.0%
OKLCH 0.5705 0.2368 273.9 0.9545 0.1764 106.5

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

4.29:1
AA Fail AA Large Pass AAA Fail AAA Large Fail

テキスト読みやすさ

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

テキスト: #FFF754 → 背景色: #545CFF

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

テキスト: #545CFF → 背景色: #FFF754

色差 (Delta E)

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

グラデーション

#545CFF #8D73E7 #B08CCF #CAA6B6 #DFC09A #F0DB7C #FFF754

カラーミキシング

#545CFF

100%

#A080DB

75:25

#CAA6B6

50:50

#E8CE8C

25:75

#FFF754

100%

CSSグラデーションコード

background: linear-gradient(to right, #545CFF, #FFF754);
background: linear-gradient(135deg, #545CFF, #FFF754);

各色を詳しく見る

#545CFF

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

#FFF754

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

関連する比較