#555FFD

#555FFD

#FDF355

#FDF355

コントラスト比

4.08:1

Delta E

170.93

Very Different

50:50 ミックス

#C8A5B4

カラー値

フォーマット #555FFD #FDF355
HEX #555FFD #FDF355
RGB 85, 95, 253 253, 243, 85
HSL 236.4, 97.7%, 66.3% 56.4, 97.7%, 66.3%
HSV 236.4, 66.4%, 99.2% 56.4, 66.4%, 99.2%
CMYK 66.4%, 62.5%, 0.0%, 0.8% 0.0%, 4.0%, 66.4%, 0.8%
OKLCH 0.5743 0.2307 273.8 0.9447 0.1723 105.7

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

4.08:1
AA Fail AA Large Pass AAA Fail AAA Large Fail

テキスト読みやすさ

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

テキスト: #FDF355 → 背景色: #555FFD

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

テキスト: #555FFD → 背景色: #FDF355

色差 (Delta E)

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

グラデーション

#555FFD #8C75E5 #AE8DCD #C8A5B4 #DDBF9A #EED97B #FDF355

カラーミキシング

#555FFD

100%

#9F81DA

75:25

#C8A5B4

50:50

#E6CC8B

25:75

#FDF355

100%

CSSグラデーションコード

background: linear-gradient(to right, #555FFD, #FDF355);
background: linear-gradient(135deg, #555FFD, #FDF355);

各色を詳しく見る

#555FFD

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

#FDF355

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

関連する比較