#5CF465

#5CF465

#F45CEB

#F45CEB

コントラスト比

1.92:1

Delta E

175.0

Very Different

50:50 ミックス

#C4B6AE

カラー値

フォーマット #5CF465 #F45CEB
HEX #5CF465 #F45CEB
RGB 92, 244, 101 244, 92, 235
HSL 123.6, 87.4%, 65.9% 303.6, 87.4%, 65.9%
HSV 123.6, 62.3%, 95.7% 303.6, 62.3%, 95.7%
CMYK 62.3%, 0.0%, 58.6%, 4.3% 0.0%, 62.3%, 3.7%, 4.3%
OKLCH 0.8564 0.2259 144.2 0.7218 0.2427 330.2

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

1.92:1
AA Fail AA Large Fail AAA Fail AAA Large Fail

テキスト読みやすさ

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

テキスト: #F45CEB → 背景色: #5CF465

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

テキスト: #5CF465 → 背景色: #F45CEB

色差 (Delta E)

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

グラデーション

#5CF465 #8DE180 #ACCC98 #C4B6AE #D79EC3 #E781D7 #F45CEB

カラーミキシング

#5CF465

100%

#9ED78C

75:25

#C4B6AE

50:50

#DF90CD

25:75

#F45CEB

100%

CSSグラデーションコード

background: linear-gradient(to right, #5CF465, #F45CEB);
background: linear-gradient(135deg, #5CF465, #F45CEB);

各色を詳しく見る

#5CF465

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

#F45CEB

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

関連する比較