#595AF4

#595AF4

#F4F359

#F4F359

コントラスト比

4.25:1

Delta E

168.26

Very Different

50:50 ミックス

#C2A3B1

カラー値

フォーマット #595AF4 #F4F359
HEX #595AF4 #F4F359
RGB 89, 90, 244 244, 243, 89
HSL 239.6, 87.6%, 65.3% 59.6, 87.6%, 65.3%
HSV 239.6, 63.5%, 95.7% 59.6, 63.5%, 95.7%
CMYK 63.5%, 63.1%, 0.0%, 4.3% 0.0%, 0.4%, 63.5%, 4.3%
OKLCH 0.5611 0.2243 276.1 0.9376 0.1708 108.9

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

4.25:1
AA Fail AA Large Pass AAA Fail AAA Large Fail

テキスト読みやすさ

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

テキスト: #F4F359 → 背景色: #595AF4

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

テキスト: #595AF4 → 背景色: #F4F359

色差 (Delta E)

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

グラデーション

#595AF4 #8A71DE #AA8AC8 #C2A3B1 #D6BD98 #E6D87C #F4F359

カラーミキシング

#595AF4

100%

#9C7ED4

75:25

#C2A3B1

50:50

#DECB8B

25:75

#F4F359

100%

CSSグラデーションコード

background: linear-gradient(to right, #595AF4, #F4F359);
background: linear-gradient(135deg, #595AF4, #F4F359);

各色を詳しく見る

#595AF4

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

#F4F359

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

関連する比較