#3B46DF

#3B46DF

#DFD43B

#DFD43B

コントラスト比

4.35:1

Delta E

167.86

Very Different

50:50 ミックス

#AF8A9A

カラー値

フォーマット #3B46DF #DFD43B
HEX #3B46DF #DFD43B
RGB 59, 70, 223 223, 212, 59
HSL 236.0, 71.9%, 55.3% 56.0, 71.9%, 55.3%
HSV 236.0, 73.5%, 87.5% 56.0, 73.5%, 87.5%
CMYK 73.5%, 68.6%, 0.0%, 12.5% 0.0%, 4.9%, 73.5%, 12.5%
OKLCH 0.4929 0.2276 271.5 0.8533 0.1639 105.2

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

4.35:1
AA Fail AA Large Pass AAA Fail AAA Large Fail

テキスト読みやすさ

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

テキスト: #DFD43B → 背景色: #3B46DF

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

テキスト: #3B46DF → 背景色: #DFD43B

色差 (Delta E)

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

グラデーション

#3B46DF #765BC9 #9772B2 #AF8A9A #C2A281 #D2BB63 #DFD43B

カラーミキシング

#3B46DF

100%

#8866BD

75:25

#AF8A9A

50:50

#CAAE73

25:75

#DFD43B

100%

CSSグラデーションコード

background: linear-gradient(to right, #3B46DF, #DFD43B);
background: linear-gradient(135deg, #3B46DF, #DFD43B);

各色を詳しく見る

#3B46DF

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

#DFD43B

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

関連する比較