#5C4FEC

#5C4FEC

#DFEC4F

#DFEC4F

コントラスト比

4.29:1

Delta E

171.86

Very Different

50:50 ミックス

#B89BA9

カラー値

フォーマット #5C4FEC #DFEC4F
HEX #5C4FEC #DFEC4F
RGB 92, 79, 236 223, 236, 79
HSL 245.0, 80.5%, 61.8% 65.0, 80.5%, 61.8%
HSV 245.0, 66.5%, 92.5% 65.0, 66.5%, 92.5%
CMYK 61.0%, 66.5%, 0.0%, 7.5% 5.5%, 0.0%, 66.5%, 7.5%
OKLCH 0.5392 0.2262 279.3 0.9055 0.1751 114.0

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

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

テキスト読みやすさ

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

テキスト: #DFEC4F → 背景色: #5C4FEC

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

テキスト: #5C4FEC → 背景色: #DFEC4F

色差 (Delta E)

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

グラデーション

#5C4FEC #8768D6 #A381C0 #B89BA9 #C8B690 #D5D174 #DFEC4F

カラーミキシング

#5C4FEC

100%

#9775CB

75:25

#B89BA9

50:50

#CFC383

25:75

#DFEC4F

100%

CSSグラデーションコード

background: linear-gradient(to right, #5C4FEC, #DFEC4F);
background: linear-gradient(135deg, #5C4FEC, #DFEC4F);

各色を詳しく見る

#5C4FEC

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

#DFEC4F

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

関連する比較